什么是 JSON 数组？

JSON 数组与 JavaScript 数组几乎相同。 JSON 数组可以存储类型为字符串、array、boolean、number、object 或null 的值。在 JSON 数组中，值以逗号分隔。可以使用 []运算符访问数组元素。

JSON Array 有不同的类型。让我们借助示例来理解它们。

JSON 字符串数组： JSON 字符串数组仅包含字符串元素。例如，下面的数组有 6 个字符串元素，“Ram”、“Shyam”、“Radhika”、“Akshay”、“Prashant”和“Varun”，每个元素用逗号 (,) 分隔。

["Ram", "Shyam", "Radhika", "Akshay", "Prashant", "Varun"]

示例：这里我们将分配一个 JSON 字符串数组给jsonStringArray对象中的关键学生。然后我们使用 [ ]运算符访问数组的第一个元素。

HTML

  

    
 
 
 
 
    
        var jsonStringArray = {
 
            // Assigned a JSON array of strings
            // to the key "students".
            "students": ["Ram", "Shyam", "Radhika",
                    "Akshay", "Prashant", "Varun"],
        };
  
        // It returned an array. Then we accessed
        // the first index of the array
        // (which is "Ram") using [] syntax.
        var x = jsonStringArray.students[0];
       
        // Set the inner HTML of "para" paragraph
        // to the value of variable "x".
        document.getElementById("para").innerHTML = x;
    

  

输出：

Ram

JSON 数字数组： JSON 数字数组仅包含数字元素。例如，下面的数组有 5 个元素，23、44、76、34、98。

[23, 44, 76, 34, 98]

示例：这里我们将一个 JSON 数字数组分配给jsonNumberArray对象中的键标记。然后我们使用 [ ]运算符访问数组的第一个元素。

HTML

  

    
 
 
 
 
    
        var jsonNumberArray = {
 
            // Assigned a JSON array of numbers
            // to the key "marks".
            "marks": [23, 44, 76, 34, 98],
        };
  
        // It returned an number array.
        // Then we accessed the first
        // index of the array
        // (which is 23) using [] syntax.
        var x = jsonNumberArray.marks[0];
        // Set the inner HTML of "para" paragraph
        // to the value of variable "x".
        document.getElementById("para").innerHTML = x;
    

  

输出：

23

JSON 布尔数组： JSON 布尔数组仅包含布尔元素（真或假）。例如，下面的数组中有 5 个元素，每个元素都是真或假。

[true, true, true, false, false, true]

示例：这里我们将一个 JSON 布尔值数组分配给jsonBooleanArray对象中的键布尔值。然后我们使用 [ ]运算符访问数组的第一个元素。

HTML

 

    
 
 
 
 
    
        var jsonBooleanArray = {
 
            // Assigned a JSON array of boolean
            // to the key "booleans".
            "booleans": [true, true, true, false, false, true],
        };
          
        // Here we accessed the booleans property
        // of jsonBooleanArray Object.
        // It returned an boolean array. Then we accessed the
        // first index of the array
        // (which is true) using [] syntax.
        var x = jsonBooleanArray.booleans[0];
        // Set the inner HTML of "para" paragraph
        // to the value of variable "x".
        document.getElementById("para").innerHTML = x;
    

  

输出：

true

JSON 对象数组： JSON 对象与 JavaScript 对象相同。我们还可以创建一个包含许多 JSON 对象的 JSON 数组，然后我们可以遍历该数组或使用 [ ] 来获取我们需要的对象。在下面的示例中，数组中有三个 JSON 对象分配给键“books”。每个对象都有“名称”和“作者”属性。

{
  "books":[
    {"name":"Let Us C", "author":"Yashavant Kanetkar"},    
    {"name":"Rich Dad Poor Dad", "author":"Robert Kiyosaki "},  
    {"name":"Introduction to Algorithms", "author":"Cormen"},
 ]
}

示例：这里我们将一个 JSON 对象数组分配给jsonObjectArray对象中的关键书籍。然后我们使用 [ ]运算符访问数组的第一个元素。

HTML

 

    
 
 
 
 
    
        var jsonObjectArray = {
 
            // Assigned a JSON array of objects
            // to the key "books"
            "books": [
                {
                    "name": "Let Us C",
                    "author": "Yashavant Kanetkar"
                },
                {
                    "name": "Rich Dad Poor Dad",
                    "author": "Robert Kiyosaki "
                },
                {
                    "name": "Introduction to Algorithms",
                    "author": "Cormen"
                },
            ]
        };
 
        // Here we accessed the books property of
        // jsonObjectArray Object.
        // It returned an object array. Then we
        // accessed the first index of the array
        // (which is an JSON object) using [] syntax
 
        var x = jsonObjectArray.books[0];
         
        // Set the inner HTML of "para" paragraph
        // to the value of variable "x".
        document.getElementById("para").innerHTML
                = x.name + " by " + x.author;
    

 

输出：

Let Us C by Yashavant Kanetkar

5. JSON 数组或 JSON 多维数组：也可以创建一个 JSON 数组，其中包含其他数组作为元素。在下面的示例中，我们有一个 JSON 数组，其中包含数组[“a”, “b”, “c”] , [“d”, “e”, “f”] , [“g” , “h”, “我”]在里面。我们可以使用 [ ]运算符来获取任意索引处的数组，然后再次使用 [ ]运算符来获取所选数组的元素。

{
    "matrix": [    
        [ "a", "b", "c" ],   
        [ "d", "e", "f" ],   
        [ "g", "h", "i" ]   
    ],
};

示例：这里我们将一个 JSON 数组分配给jsonMultiArray对象中的键矩阵。然后我们使用 [ ]运算符访问数组的第一个元素。

HTML

 

    
 
 
 
 
    
        var jsonMultiArray = {
 
            // Assigned a JSON array of
            // Arrays to the key "matrix".
            "matrix": [
                ["a", "b", "c"],
                ["d", "e", "f"],
                ["g", "h", "i"]
            ],
        };
 
        // Here we accessed the matrix property
        // of jsonMultiArray Object.
        // It returned an matrix(2D array). Then we
        // accessed the first element of
        // the first index of matrix using [] syntax.
        var x = jsonMultiArray.matrix[0][0];
         
        // Set the inner HTML of "para" paragraph
        // to the value of variable "x".
        document.getElementById("para").innerHTML = x;
    

 

输出：

a