プロパティ短縮表現を使用して JavaScript オブジェクトのサブセットを作成するにはどうすればよいですか?

プロパティ短縮表現を使用した JavaScript オブジェクトのサブセット化

JavaScript では、オブジェクトは、キーと値のペアを使用してデータを保存および整理する便利な方法を提供します。ただし、元のオブジェクトのプロパティのサブセットのみを使用して新しいオブジェクトを作成する必要がある状況も考えられます。

問題:

次のオブジェクトについて考えてみましょう:

elmo = { 
  color: 'red',
  annoying: true,
  height: 'unknown',
  meta: { one: '1', two: '2'}
};

色や属性など、これらのプロパティの特定のサブセットのみを含む新しいオブジェクトを作成したいと考えています。 height.

解決策:

オブジェクトの構造化とプロパティの省略表現は、これを実現するためのエレガントなメソッドを提供します:

const subset = { ...elmo, color, height };

この構文は新しいオブジェクトを作成します、元の elmo オブジェクトのプロパティ color と height のみを含むサブセット。 ...elmo スプレッド演算子は、elmo から他のすべてのプロパティをコピーしますが、プロパティの省略表現で明示的に定義された color プロパティと height プロパティは、コピーされた値をオーバーライドします。

例:

const object = { a: 5, b: 6, c: 7  };
const picked = (({ a, c }) => ({ a, c }))(object);

console.log(picked); // { a: 5, c: 7 }

以上がプロパティ短縮表現を使用して JavaScript オブジェクトのサブセットを作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。