ネストされたオブジェクトのデストラクチャリング

Question

オブジェクトの構造を解除するときに、キーが存在するかどうかが分からず、値が取得されないという問題が発生することがあります。これは明らかにエラーです。それらは未定義です。たとえば、次のようにこのような何かを期待

は：

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

しかし、私は実際にこれを取得：

{ user: {} } 

と、このエラーのようdestructureしようとすると：

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

値が偽値であるか、あなたの場合には未定義である場合、デフォルト値を割り当てることができます。 javascriptでは、||演算子を使用してデフォルト値を割り当てることができます。

第1オペランドがfalsy (false, null, undefined, "",0)の場合、第2オペランドを返します。それ以外の場合は、最初のオペランドを返します。これがデフォルト値

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