Structuring, Object Destructuring

3028 ワード

Structuring Object Destructuring テキストリンク

Structuring

このコードは非効率です.
手動オブジェクトの名前は、新しく宣言された変数の名前と同じです.
下のlastNameも同じです.
構造化により効率の悪いコードを簡単に置き換えることができる.

const {}

->これは、オブジェクトのプロパティを取得することを意味します.

const {} = human;

->そして、どのようなオブジェクトなのか教えてあげます.このようにして.

const {name, lastName} = human;

->humanという名前のオブジェクトの値を新しい変数nameに入れることに相当します.

const name = human.name;  
const {name} = human;

正常な出力.
Object Destructuring
別の方法

const nationality = human.nationality;  
const {nationality} = human;

humanオブジェクト国籍という名前のpropertyの値を取得したいが、国籍という名前を使用したくない場合は

const newNation = human.nationality;  // 첫번째는 새로운 변수에 할당해주는 방법

//const newNation = human.nationality;  
const {nationality: newNation} = human;

->newNation="human"とは、humanというオブジェクトをnationalという変数値にインポートし、newNationに入れることを意味します.

->既存のメソッドを新しい変数に割り当てることもできますが、オブジェクト設計で割り当てることもできます.newNationでコンソールで撮っても良かったです
括弧に何かを入れると、対応するオブジェクトに入れます.

この問題について(Structuring, Object Destructuring), 我々は、より多くの情報をここで見つけました https://velog.io/@ppaimar16/Structuring-Object-Destructuring

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol