JavaScript | JSON 数组

JSON 数组类似于 JavaScript 数组。

JSON 对象中数组的语法：

// JSON Arrays Syntax

{
    "name":"Peter parker",
    "heroName": "Spiderman",
    "friends" : ["Deadpool", "Hulk", "Wolverine"]
}

访问数组值：
可以使用数组中每个元素的索引来访问数组值。

HTML

 

    Page Title

 

 
    
 
 
    
        var spidermanDetail = {
            "name": "Peter parker",
            "heroName": "Spiderman",
            "friends": ["Deadpool", "Hulk", "Wolverine"]
        };
 
        var x = spidermanDetail.friends[0];
        document.getElementById("paraId").innerHTML = x;
    

 

输出：

Deadpool

循环数组：
for-in 循环可用于遍历 Array。

HTML

 

    Page Title

 

 
    
 
 
    
        var str = "";
        var spidermanDetail = {
            "name": "Peter parker",
            "heroName": "Spiderman",
            "friends": ["Deadpool", "Hulk", "Wolverine"]
        };
 
        for (i in spidermanDetail.friends) {
            str += spidermanDetail.friends[i] + "<br/>";
        }
 
        document.getElementById("paraId").innerHTML = str;
    

 

输出：

Deadpool
Hulk
Wolverine

修改数组值：
索引号可用于修改值。

HTML

 

    Page Title

 

 
    
 
 
    
        var str = "";
        var spidermanDetail = {
            "name": "Peter parker",
            "heroName": "Spiderman",
            "friends": ["Deadpool", "Hulk", "Wolverine"]
        };
 
        spidermanDetail.friends[1] = "Iron Man";
 
        for (i in spidermanDetail.friends) {
            str += spidermanDetail.friends[i] + "<br/>";
        }
 
        document.getElementById("paraId").innerHTML = str;
    

 

输出：

Deadpool
Iron Man
Wolverine

删除数组值：
可以使用 delete 关键字删除数组的值。

HTML

 

    Page Title

 

 
    
 
 
    
        var str = "";
        var spidermanDetail = {
            "name": "Peter parker",
            "heroName": "Spiderman",
            "friends": ["Deadpool", "Hulk", "Wolverine"]
        };
 
        delete spidermanDetail.friends[2];
 
        for (i in spidermanDetail.friends) {
            str += spidermanDetail.friends[i] + "<br/>";
        }
 
        document.getElementById("paraId").innerHTML = str;
    

 

输出：

Deadpool
Hulk

JSON 对象中的嵌套数组：
在嵌套数组中，另一个数组也可以是一个数组的值。

HTML

 

    Page Title

 

 
    
 
 
    
        var str = "";
        var spidermanDetail = {
            "name": "Peter parker",
            "heroName": "Spiderman",
            "friends": [{
                "heroName": "Deadpool",
                "skills": ["Martial artist", "Assassin"]
            }, {
                "heroName": "Hulk",
                "skills": ["Superhuman Speed", "Superhuman Strength"]
            }, {
                "heroName": "Wolverine",
                "skills": ["Retractable bone claws", "Superhuman senses"]
            }]
        };
 
        for (i in spidermanDetail.friends) {
            str += "<h3>" + spidermanDetail.friends[i].heroName + "</h3>";
            for (j in spidermanDetail.friends[i].skills) {
                str += spidermanDetail.friends[i].skills[j] + "<br/>";
            }
        }
 
        document.getElementById("paraId").innerHTML = str;
    

 

输出：