ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript オブジェクトからプロパティのサブセットを効率的に抽出するにはどうすればよいですか?

JavaScript オブジェクトからプロパティのサブセットを効率的に抽出するにはどうすればよいですか?

Susan Sarandon
Susan Sarandonオリジナル
2024-12-20 05:44:10835ブラウズ

How to Efficiently Extract a Subset of Properties from a JavaScript Object?

JavaScript オブジェクトからプロパティのサブセットを抽出する方法

JavaScript オブジェクトを操作する場合、多くの場合、次のような新しいオブジェクトを作成する必要があります。元のオブジェクトの特定のプロパティ セットのみが含まれます。たとえば、次のオブジェクトについて考えてみます。

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

色と高さのプロパティのみを持つ新しいオブジェクトを作成するには、オブジェクトの構造化を使用できます。

const subset = { ...elmo, color: 'red', height: 'unknown' }

結果のサブセット オブジェクトは次のようになります。次の 2 つのプロパティのみが含まれます:

{ color: 'red', height: 'unknown' }

もう 1 つの方法は、Object.assign() を使用することです。メソッド:

const subset = Object.assign({}, elmo, { color: 'red', height: 'unknown' })

このメソッドは、既存のオブジェクト (この場合は elmo) のプロパティと新しく割り当てられたプロパティをマージして、新しいオブジェクトを作成します。

最後に、以下を使用することもできます。人気の lodash ライブラリの _.pick() メソッド:

const subset = _.pick(elmo, ['color', 'height'])

どのメソッドを選択しても、オブジェクトの構造化により、 JavaScript オブジェクトからプロパティのサブセットを抽出するための簡潔かつ柔軟な方法。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。