JS之for-in循环json对象/数组

时间:2024-03-01 09:16:56

循环对象

使用 for-in 来循环对象的属性:

var myObj = { "name":"runoob", "alexa":10000, "site":null };
for (x in myObj) {
    document.getElementById("demo").innerHTML += x + "<br>";
} 

使用 for-in 来循环对象的属性:

name
alexa
site


 

 

在 for-in 循环对象的属性时,使用中括号([])来访问属性的值:

var myObj = { "name":"runoob", "alexa":10000, "site":null };
for (x in myObj) {
    document.getElementById("demo").innerHTML += myObj[x] + "<br>";
}

在 for-in 循环对象的属性时,使用中括号([])来访问属性的值:

runoob
10000
null


 

循环数组

你可以使用 for-in 来访问数组:

var myObj, i, x = "";
myObj = {
    "name":"网站",
    "num":3,
    "sites":[ "Google", "Runoob", "Taobao" ]
};

for (i in myObj.sites) {
    x += myObj.sites[i] + "<br>";
}

document.getElementById("demo").innerHTML = x;

你可以使用 for-in 来访问数组:

Google
Runoob
Taobao


嵌套 JSON 对象中的数组

JSON 对象中数组可以包含另外一个数组,或者另外一个 JSON 对象

var myObj, i, j, x = "";
myObj = {
    "name":"网站",
    "num":3,
    "sites": [
        { "name":"Google", "info":[ "Android", "Google 搜索", "Google 翻译" ] },
        { "name":"Runoob", "info":[ "菜鸟教程", "菜鸟工具", "菜鸟微信" ] },
        { "name":"Taobao", "info":[ "淘宝", "网购" ] }
    ]
}  

循环内嵌数组:

Google

Android
Google 搜索
Google 翻译

Runoob

菜鸟教程
菜鸟工具
菜鸟微信

Taobao

淘宝
网购