Извлечение данных из массива, созданного в php, и передача их в ветку javascript

Я пытаюсь получить массив, созданный в моем php-контроллере, для передачи данных в javascript в файле .twig.

Я могу получить доступ ко всем значениям в цикле for в .twig, но при попытке получить значение в javascript я могу получить весь массив только с помощью:

var markers = {{ products|json_encode|raw }};

Это производит:

var markers = [{"id":"1","name":"x","location":"San Diego"},{"id":"2","name":"y","location":"LA"}];

При попытке получить доступ к определенным значениям с помощью цикла for в javascript:

for (i = 0; i < markers.length; i++) 
{ 
alert(markers[i][0])
} 

Используя console.info/alert, я получаю [undefined] для маркеров [i] [0] и [объект объекта], если я перебираю маркеры [i]. Длина правильная.

Это мой первый проект с использованием .twig, поэтому я не знаю, пропускаю ли я что-то действительно очевидное, потому что не могу найти свою проблему.

Любая помощь будет оценена по достоинству!