解構物件(Destructing an Object)


現假設有一物件如下:

let Taiwan = {
    capital: “Taipei”,
    timeZone: “GMT +8”,
    population: 23570000,
    inAsia: true,
    leaders: {
        president:”Tsai”,
        vicePresident:”Lai”,
        premier:”Su”
        }
    }

如果要一一檢視物件當中的屬性,原本需要透過宣告變數的方式完成:

let capital = Taiwan.capital;
let population = Taiwan.population;
let vicePresident = Taiwan.leaders.vicePresident;

console.log(capital);           //Taipei
console.log(population);        //23570000 
console.log(vicePresident);     //Lai

但這樣的作法顯得十分不方便,可改用下列方式:

let {timeZone, inAsia} = Taiwan;
let {premier} = Taiwan.leaders;

console.log(timeZone);     //GMT +8
console.log(inAsia);       //true
console.log(premier);      //Su

撰寫方式如下:
var/let/const {物件屬性鍵值} = {物件名稱};
在 MongoDB 中,也多會使用這種方法,提出物件的屬性。

#javascript #解構物件







你可能感興趣的文章

React(6) - 提升state

React(6) - 提升state

[6] 持續整合,自動化測試的價值

[6] 持續整合,自動化測試的價值

寬鬆相等、嚴格相等以及隱含轉型

寬鬆相等、嚴格相等以及隱含轉型






留言討論