在前端開(kāi)發(fā)中,經(jīng)常會(huì)使用JSON來(lái)傳輸和顯示數(shù)據(jù)。當(dāng)我們需要遍歷JSON數(shù)組中的每一個(gè)元素時(shí),可以使用for循環(huán)來(lái)實(shí)現(xiàn)。
var jsonData = [ {name: "張三", age: 20}, {name: "李四", age: 22}, {name: "王五", age: 21} ]; for (var i = 0; i< jsonData.length; i++) { console.log(jsonData[i].name + "的年齡是:" + jsonData[i].age); }
在以上代碼中,我們定義了一個(gè)JSON數(shù)組jsonData,并通過(guò)for循環(huán)遍歷數(shù)組中的每一個(gè)元素。我們使用i作為循環(huán)變量,其初值為0,每次循環(huán)加1,直到i的值等于數(shù)組長(zhǎng)度為止。在每次循環(huán)中,我們使用jsonData[i]來(lái)獲取數(shù)組中的第i個(gè)元素,并使用點(diǎn)操作符來(lái)獲取該元素的name和age屬性。
運(yùn)行以上代碼,控制臺(tái)會(huì)輸出:
張三的年齡是:20 李四的年齡是:22 王五的年齡是:21
可以看到,for循環(huán)遍歷JSON數(shù)組的過(guò)程非常簡(jiǎn)單,只需要理解循環(huán)變量的定義和每次循環(huán)中如何獲取元素的屬性即可。