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

es6 直接獲取json屬性

吉茹定1年前9瀏覽0評論

隨著新一代JavaScript標準ES6的推出,許多新特性大大簡化了開發者的工作。在以往,如果想要獲取JSON對象中的屬性,我們需要使用"."來逐層訪問,十分繁瑣。而在ES6中,我們可以使用新的語法來直接獲取JSON屬性。

let person = {
name: 'Tom',
age: 20
};
//ES5直接獲取屬性值的方式
console.log(person.name); //Tom
//ES6直接獲取屬性值的方式
let { name, age } = person;
console.log(name); //Tom

可以看出,使用ES6的解構賦值語法,我們可以直接聲明變量并從JSON對象中獲取對應屬性的值。除此之外,ES6還支持獲取嵌套JSON屬性的值。

let person = {
name: 'Tom',
age: 20,
address: {
city: 'Shanghai',
district: 'Pudong'
}
};
//ES5獲取嵌套屬性的方式
console.log(person.address.city); //Shanghai
//ES6獲取嵌套屬性的方式
let { address: { city, district } } = person;
console.log(city); //Shanghai

可以看出,ES6的語法大大簡化了獲取JSON屬性的過程,讓開發更加高效。當然,在使用解構賦值語法時,需要注意參數名與JSON屬性名要對應,否則會出現undefined的情況。