数据结构
网络
关系型数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法律研究如何迭代 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>
当脚本执行时，它将生成一个输出，其中包含显示在网页上的值，这些值是通过迭代数组并获取特定值获得的。
更新于: 2023-04-21
7K+ 浏览量
广告