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

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

Susan Sarandon
リリース: 2024-12-20 05:44:10
オリジナル
863 人が閲覧しました

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 サイトの他の関連記事を参照してください。

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