什麼是JavaScript中的對象解構?

“對象銷毀”是什麼意思,銷毀操作的結果是什麼?

假設您有一個具有某些屬性的對象:

const person = {
  firstName: 'Tom',
  lastName: 'Cruise',
  actor: true,
  age: 57
}

您可以提取一些對象屬性,然後將它們放入命名變量中:

const { firstName, age } = person

現在我們有了2個新變量,firstNameage,其中包含所需的值:

console.log(firstName) // 'Tom'
console.log(age) // 54

分配給變量的值不取決於我們列出它們的順序,而是基於屬性名稱的。

您還可以自動將屬性分配給具有其他名稱的變量:

const { firstName: name, age } = person

現在代替一個名為firstName,就像上一個示例中一樣,我們有一個name包含person.firstName價值:

console.log(name) // 'Tom'

免費下載我的JavaScript初學者手冊


更多js教程: