在ES中,遍歷JSON數據非常常見,這是實現數據操作的基礎。下面我們來看看如何在ES中遍歷JSON數據。
// 假設我們有以下JSON數據 const data = { name: '小明', age: 18, gender: 'male', hobbies: ['basketball', 'music', 'reading'], friends: [ { name: '小紅', age: 19, gender: 'female' }, { name: '小強', age: 20, gender: 'male' } ] }; // 遍歷data對象的key for (const key in data) { console.log(key); } // 遍歷data對象的value for (const key in data) { console.log(data[key]); } // 遍歷數組hobbies for (let i = 0; i< data.hobbies.length; i++) { console.log(data.hobbies[i]); } // 遍歷數組friends for (let i = 0; i< data.friends.length; i++) { console.log(data.friends[i].name); console.log(data.friends[i].age); console.log(data.friends[i].gender); }
以上代碼展示了四種遍歷JSON數據的方法。使用for...in循環可以遍歷一個對象的所有鍵,使用for循環可以遍歷一個數組的所有元素。通過這些方法,我們可以輕松地遍歷JSON數據,進行數據的操作。
上一篇58同城加載css失敗
下一篇a 訪問過的css