Как правильно передать переменную из PHP в JS?

Question

[Александр Андропов]

Добрый день. У меня есть массив:
$vol = ['Auto','Moto','Ship','Rocket','Track'];
Я хочу передать этот массив в JavaScript так:

for (let i = 0; i < 6; i++) {
    var cat_i = '<?php echo $vol[i]; ?>';
    console.log(cat_i);
}

В итоге счётчик цикла i уже не передается в $vol[i]. Как правильно добавить элементы в массив в переменные JS ?
Если поставить в ключ $vol[i] просто цифру - то всё работает. а мне нужно подставлять значения из массива PHP

Answer 1

[Сергей delphinpro]

<?php

$vol = ['Auto','Moto','Ship','Rocket','Track']

<script>
  let vol = <?= json_encode($vol) ?>;
  for (let i = 0; i < 6; i++) {
    var cat_i = vol[i];
    console.log(cat_i);
  }
</script>

Comments

[Александр Андропов]

При использовании за пределами цикла, он мне пишет Uncaught ReferenceError: cat_1 is not defined.
Почему так? Я же в цикле получается присвоил номера переменной cat? теперь это cat_1, cat_2 и так далее. Верно же ?

[Сергей]

Александр Андропов, нет не верно, ты просто создал переменную cat_i

[Сергей delphinpro]

Александр Андропов, Вам нужно основы js изучить

let vol = <?= json_encode($vol) ?>;
let cat = [];
for (let i = 0; i < 6; i++) {
  cat[i] = vol[i];
  console.log(cat[i]);
}
console.log(cat[2]);