色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

for循環遍歷json數組元素

錢良釵1年前9瀏覽0評論

在JavaScript中,我們經常需要遍歷一個包含多個JSON對象的數組。這時候,我們可以使用for循環來遍歷JSON數組中的每一個元素。

var jsonArray = [
{"name": "張三", "age": 25, "city": "北京"},
{"name": "李四", "age": 28, "city": "上海"},
{"name": "王五", "age": 32, "city": "深圳"}
];
for(var i=0; i<jsonArray.length; i++) {
console.log(jsonArray[i].name);
}

以上代碼中,我們定義了一個包含3個JSON對象的數組。然后,我們使用for循環遍歷數組中的每一個元素,獲取每個JSON對象中的"name"屬性,并在控制臺輸出。

在遍歷過程中,我們需要使用數組的length屬性來獲取JSON數組的長度,以確定循環的次數。同時,需要使用數組索引的方式來訪問每個數組元素,然后使用點運算符獲取JSON對象中的屬性值。

除了直接輸出JSON對象的屬性外,我們還可以將JSON對象封裝成HTML標簽,以展示在頁面上:

var jsonArray = [
{"name": "張三", "age": 25, "city": "北京"},
{"name": "李四", "age": 28, "city": "上海"},
{"name": "王五", "age": 32, "city": "深圳"}
];
for(var i=0; i<jsonArray.length; i++) {
var jsonObj = jsonArray[i];
var html = "<div class='person'><p>姓名:" + jsonObj.name + "</p><p>年齡:" + jsonObj.age + "</p><p>城市:" + jsonObj.city + "</p></div>";
document.getElementById("container").innerHTML += html;
}

以上代碼中,我們將每個JSON對象都封裝成一個

標簽,并設置了一些樣式。然后,在每次循環中,我們將HTML代碼加入到一個id為"container"的元素中,并顯示在頁面上。

總的來說,for循環是遍歷JSON數組中元素的常用方法,可以借助for循環來對JSON對象進行訪問和操作。