ES6是一個新的JavaScript標準,它為開發者們帶來了許多新的語法和功能,其中包括更容易操作集合和JSON數據的方法。讓我們來看看如何在ES6中取集合里面的JSON數據。
在ES6中,我們可以使用for...of循環來遍歷集合。這個循環可以用于數組,類數組對象,甚至是字符串。我們可以把這個循環用于一個包含JSON數據的數組,然后從每一個JSON對象中獲取我們需要的數據。
let people = [
{ name: 'John', age: 25 },
{ name: 'Jane', age: 29 },
{ name: 'Bob', age: 37 }
];
for(let person of people) {
console.log(person.name + ' is ' + person.age + ' years old.');
}
上面的代碼將輸出:
John is 25 years old.
Jane is 29 years old.
Bob is 37 years old.
當然,我們也可以使用ES6的解構語法來獲取JSON對象中的特定屬性:
let people = [
{ name: 'John', age: 25 },
{ name: 'Jane', age: 29 },
{ name: 'Bob', age: 37 }
];
for(let { name, age } of people) {
console.log(name + ' is ' + age + ' years old.');
}
這個代碼將與上面的例子結果相同。
除了使用for...of循環,我們也可以使用ES6的一些新方法來遍歷,過濾和映射JSON數據。例如:
// map方法
let people = [
{ name: 'John', age: 25 },
{ name: 'Jane', age: 29 },
{ name: 'Bob', age: 37 }
];
let names = people.map(person =>person.name);
console.log(names); // ['John', 'Jane', 'Bob']
// filter方法
let adults = people.filter(person =>person.age >= 30);
console.log(adults); // [{ name: 'Bob', age: 37 }]
上面的代碼使用了map和filter方法來從JSON數組中提取特定的數據。這些方法可以幫助我們更容易地處理JSON數據。
在ES6中取集合里面的JSON數據變得更加容易和優雅。如果你還沒有使用ES6,那么現在是時候開始學習這個新標準了。