如何迭代json数组——JavaScript
在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>
当执行脚本时,它将生成输出,其中包含在数组上迭代并获得特定值的值显示在网页上。