Передача индексов массивов из PHP в Javascript

новичок в JS и PHP и изменение сценария слайд-шоу для динамического отображения содержимого трех разных каталогов. В общем, все очень просто.

У меня есть одна проблема: в скрипте, который я изменяю, используется следующий статический код для заполнения массива javascript:

variableslide[0]=['team_a/blank.jpg']
variableslide[1]=['team_a/ford.jpg']
variableslide[2]=['team_a/futuristic.jpg']
variableslide[3]=['team_a/lambo.jpg']

Мой PHP-код работает до сих пор, чтобы динамически перечислять каталоги и затем передавать результат в Javascript:

<?php

// Header("content-type: application/x-javascript");

$team_a = array();
$team_b = array();
$team_c = array();
foreach (new DirectoryIterator('team_a') as $fileInfo) {
if($fileInfo->isDot() || !$fileInfo->isFile()) continue;
$team_a[] = "team_a".'/'.$fileInfo->getFilename();
}

foreach (new DirectoryIterator('team_b/') as $fileInfo) {
if($fileInfo->isDot() || !$fileInfo->isFile()) continue;
$team_b[] = $fileInfo->getFilename();
}

foreach (new DirectoryIterator('team_c') as $fileInfo) {
if($fileInfo->isDot() || !$fileInfo->isFile()) continue;
$team_c[] = $fileInfo->getFilename();
}

?>
<script type="text/javascript">

var variableslide = <?php echo json_encode($team_a, JSON_UNESCAPED_SLASHES)
?>

Когда я «проверяю элемент» в Chrome во время выполнения полного кода, я вижу, что имена файлов передаются в Javascript, но, пропуская 0,1,2,3,4 и т. Д., Я получаю только путь к файлу , Вот результат:

var variableslide =     ["team_a/blank.jpg","team_a/ford.jpg","team_a/futuristic.jpg","team_a/lambo.jpg"];

То, о чем я гуглил, — это как получить массив var variablelide для чтения так:

variableslide[0]=['team_a/blank.jpg']
variableslide[1]=['team_a/ford.jpg']

Извлечь индексный номер массива и имя файла из PHP и заполнить массив переменные в JS так, чтобы он читался так же, как указано выше. Когда я печатаю _r из скрипта PHP, он правильно показывает номер индекса и текст. Кто-нибудь может помочь мне разобраться в этом! Спасибо!