极客笔记JavaScript 如何遍历 JSON 数组
在 JavaScript 中，数组用于在单个变量中保存多个值。与只能容纳一个值的变量相比，每个数组中的项目都有一个与之关联的数字索引，可以通过使用该索引来访问。
本文将执行的任务是“如何在 JavaScript 中遍历 JSON 数组”。让我们开始阅读本文，以便更好地理解如何遍历 JSON 数组。
遍历 JSON 数组
JSON 数组表示有序的值列表。可以在 JSON 数组中存储多个值。在 JSON 数组中，可以存储字符串、数字、布尔值或对象。
JSON 数组中的值必须用逗号分隔。它由方括号（[）表示。
语法
以下是 JSON 数组的语法 –
{
"car":"RX100",
"model": "2010",
}
让我们来看一个示例，以更深入地了解如何遍历 JSON 数组。
示例
在下面的示例中，我们正在运行遍历 JSON 数组的脚本。
<!DOCTYPE html>
<html>
<body style="background-color:#ABEBC6">
<script>
var array = [ {"vehicle":"Vespa", "engine": "B6"}];
for (var i = 0; i < array.length; i++){
document.write("<br><br>index value: " + i);
var obj = array[i];
for (var key in obj){
var value = obj[key];
document.write("<br> - " + key + ": " + value);
}
}
</script>
</body>
</html>
当脚本被执行时，它会生成一个输出，其中包含从网页上显示的JSON数组中打印出的值。
示例
考虑以下示例，我们在运行脚本来迭代JSON数组并从中获取特定的值。
<!DOCTYPE html>
<html>
<body style="background-color:#FAE5D3">
<script>
var array= [{
"vehicle": "car",
"model": 2010,
},{
"vehicle": "bike",
"model": 2007,
}
];
for (var key in array ) {
if (array.hasOwnProperty(key)) {
document.write(array[key].vehicle+"<br>");
}
}
</script>
</body>
</html>
运行以上脚本后，输出窗口将弹出，显示从网页中显示的JSON数组中获取的值。
示例
让我们执行以下脚本，观察如何遍历JSON数组。
<!DOCTYPE html>
<html>
<body style="background-color:#CCCCFF">
<script>
var array = [{vehicle:'Benz'}, {vehicle:'Audi'}];
for (var result of array){
document.write(result.vehicle + "<br />");
}
</script>
</body>
</html>
当脚本执行时，将生成输出，其中包含在网页上显示的值，通过迭代数组并获取特定值获得。