javascriptでdestructureの意味は何ですか？

Question

は最近、私はIMO

、以下のように、私はconst { files } = obj.props;を書くでしょうdestructureがあります、JSファイルを読み込みますが、 はconst { file=[] } = obj.propsは何を意味するのでしょうか？ なぜこのように書いて、これの利点は何ですか？

const obj = { 
    props: { 
    files: [1, 2, 3], 
    }, 
}; 

const { files = [] } = obj.props; 
// const { files } = obj.props; 
console.log(files); 

Answer 1

デフォルト値

変数はアレイからアンパック値は不定である場合には、デフォルト値を割り当てることができます。

Source: MDN

const obj = { 
 
    props: { not_files: 1 }, 
 
}; 
 

 
const { files = ["default", "value"] } = obj.props; 
 
console.log(files);

Answer 2

これは、不足しているプロパティのデフォルト値として空の配列をとります。詳細はdefault valuesまたはdefault parametersです。

const obj = { props: {} }; 
 
const { files = [] } = obj.props; 
 

 
console.log(files);