php多维数组到javascript无法通过循环访问

Question

我正在尝试将一个多维数组从 php（在实际场景中动态插入的值）传递给 javascript，然后这些值在 javascript 内部使用，当我尝试使用循环打印相同的值时，这些值没有被打印，当我检查了 array[0].length 它显示 undefined

与静态索引一起使用时打印的值。 PFB 图像供参考 -

谁能纠正我的错误在哪里，我一直在努力解决这个问题，但无法让它发挥作用。任何帮助表示赞赏。谢谢。

<?php
// PHP array
$myArray = array();
$myArray[] = array("id" => 1, "data" => 45);
$myArray[] = array("id" => 3, "data" => 54);
$myArray[] = array("id" => 2, "data" => 69);

$json = json_encode($myArray);
echo $json;
?>


<script type='text/javascript'>
// pass PHP array to JavaScript 
var books = <?php echo json_encode($myArray, JSON_PRETTY_PRINT) ?>;


// how to access 
for (var i=0;i<books.length;i++){
    for (var j=0;j<Object.keys(books[i]).length;j++){
       document.write("In Loop: "+books[i][j]);
    }
} 

console.log("Books length: "+books.length+"\n");
console.log("Books[0] length: "+books[0].length+"\n");

console.log("Out Loop: "+books[0]["id"]+"\n");
console.log("Out Loop: "+books[0]["data"]+"\n");
console.log("Out Loop: "+books[1]["id"]+"\n");
console.log("Out Loop: "+books[1]["data"]+"\n");
console.log("Out Loop: "+books[2]["id"]+"\n");
console.log("Out Loop: "+books[2]["data"]+"\n");
</script>

Answer 1

在您的示例中，books[i] 是一个对象。它具有属性id 和data。

但循环中的j 是一个整数，因此示例books[0][0] 是未定义的，因为该对象没有名为"0" 的属性。

如果您想遍历每个 books[i] 对象的属性，您可以使用简单的 for in 循环：

var books =[
 {id:1, data:45},
 {id:3, data:54},
 {id:2, data:69}
];


// how to access 
for (var i=0;i<books.length;i++){
    for (var prop in books[i]){
       document.write("In Loop: " + prop + '=' + books[i][prop] +'<br>');
    }
}