/

JavaScript中的物件解構是什麼？

JavaScript中的物件解構是什麼？

什麼是「物件解構」，解構操作的結果是什麼？

假設你有一個包含一些屬性的物件：

1
2
3
4
5
6
const person = {
  firstName: 'Tom',
  lastName: 'Cruise',
  actor: true,
  age: 57
}

你可以提取物件中的一部分屬性，並將它們放入指定的變數中：

1
const { firstName, age } = person;

現在，我們有了兩個新的變數firstName和age，它們包含了所需的值：

1
2
console.log(firstName); // 'Tom'
console.log(age); // 57

變數的值分配不取決於我們列出它們的順序，而是根據屬性名稱。

你也可以自動將一個屬性分配給另一個具有不同名稱的變數：

1
const { firstName: name, age } = person;

現在，不再有一個名為firstName的變數，而是有一個名為name的變數，它包含person.firstName的值：

1
console.log(name); // 'Tom'

tags: [“JavaScript”, “object destructuring”, “解構”]