什麼是「物件解構」,解構操作的結果是什麼?
假設你有一個包含一些屬性的物件:
const person = {
firstName: 'Tom',
lastName: 'Cruise',
actor: true,
age: 57
}
你可以提取物件中的一部分屬性,並將它們放入指定的變數中:
const { firstName, age } = person;
現在,我們有了兩個新的變數firstName
和age
,它們包含了所需的值:
console.log(firstName); // 'Tom'
console.log(age); // 57
變數的值分配不取決於我們列出它們的順序,而是根據屬性名稱。
你也可以自動將一個屬性分配給另一個具有不同名稱的變數:
const { firstName: name, age } = person;
現在,不再有一個名為firstName
的變數,而是有一個名為name
的變數,它包含person.firstName
的值:
console.log(name); // 'Tom'