ホームページ > ウェブフロントエンド > jsチュートリアル > プロパティ短縮表現を使用して JavaScript オブジェクトのサブセットを作成するにはどうすればよいですか?

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

Mary-Kate Olsen
リリース: 2024-12-18 19:44:11
オリジナル
794 人が閲覧しました

How Can I Create a Subset of a JavaScript Object Using Property Shorthand?

プロパティ短縮表現を使用した 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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート