ES6遍歷JSON在前端開發(fā)中非常常見,它可以幫助我們快速地中取出JSON中的數(shù)據(jù)。以下是一些ES6遍歷JSON的常用方法。
const myJson = { "name": "Tom", "age": 20, "email": "tom@example.com", "address": { "country": "China", "city": "Shanghai" }, "hobbies": [ "reading", "swimming" ] };
1. for...in循環(huán)遍歷JSON。
for (let key in myJson) { console.log(key + ": " + myJson[key]); }
2. Object.keys()方法獲取屬性名數(shù)組,再用forEach()方法遍歷JSON。
Object.keys(myJson).forEach(key =>{ console.log(key + ": " + myJson[key]); });
3. Object.entries()方法獲取鍵值對數(shù)組,再用forEach()方法遍歷JSON。
Object.entries(myJson).forEach(([key, value]) =>{ console.log(key + ": " + value); });
4. Array.prototype.map()方法可以將JSON轉(zhuǎn)化為另一個數(shù)組。
const hobbies = myJson.hobbies.map(hobby =>{ return hobby.toUpperCase(); }); console.log(hobbies); // ["READING", "SWIMMING"]
以上就是ES6遍歷JSON的一些方法,通過上面的例子,我們可以更好地理解JSON的遍歷過程。