如何迭代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>