嵌套對象解構

Question

當解構對象時，我有時會遇到不知道是否存在鍵的問題，然後嘗試從它們中提取值。這顯然是錯誤的，因爲它們是未定義的。例如：

期待這樣的事情：

{ user: { name: { first: 'Trey', last: 'Hakanson' } } } 

但我居然得到這樣的：

{ user: {} } 

，並試圖解構這樣的錯誤：

const { user: { name: { first: firstName, last: lastName } } } = data 

有什麼在解構中早些時候分配默認值的方法？如name密鑰不存在，則分配name = { first: 'Hello', last: 'World' }？

Answer 1

const { user: { name: { first: firstName = 'firstName', last: lastName = 'lastName' } = {} } = {} } = data 

Answer 2

如果值爲falsy值或您的情況未定義，您可以分配默認值。在JavaScript中，可以使用||運算符來分配默認值。

如果第一個操作數是虛假的(false, null, undefined, "",0)那麼它返回第二個操作數。否則，它返回第一個操作數。這提供了一種方便的方式來指定默認值

var myDefaultName = name || { first: 'Hello', last: 'World' }