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

JavaScript オブジェクトから特定のプロパティを抽出するにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-12-11 20:33:13
オリジナル
697 人が閲覧しました

How to Extract Specific Properties from a JavaScript Object?

JavaScript でのオブジェクトのサブセット化: 特定のプロパティの抽出

さまざまなシナリオで、多数のプロパティを持つオブジェクトに遭遇します。不可欠。この質問では、JavaScript でこの目的を達成する方法を検討します。

次のオブジェクト elmo を考えてみましょう:

elmo = { 
  color: 'red',
  annoying: true,
  height: 'unknown',
  meta: { one: '1', two: '2'}
};
ログイン後にコピー

目標は、これらの一部のみを含む新しいオブジェクト、サブセットを作成することです。色や高さなどのプロパティ。

解決策 1: 構造化とプロパティを使用する短縮表現

効果的な解決策の 1 つは、オブジェクトの構造化とプロパティの短縮表現を利用します。このアプローチでは、中かっこ構文 (${}) を活用して、新しいオブジェクトの動的な作成と割り当てを可能にします。

const subset = ({ color, height }) => ({ color, height })(elmo);
ログイン後にコピー

このコードでは、オブジェクトをパラメータとして受け取る新しいアロー関数が定義されています。中括弧内では、必要なプロパティがプロパティ短縮表現を使用して指定されます。これにより、抽出された値が新しいオブジェクト内のこれらのプロパティに自動的に割り当てられます。 elmo オブジェクトを引数として arrow 関数を呼び出すと、結果のオブジェクトのサブセットには color プロパティと height プロパティのみが含まれます。

出力例:

{ color: 'red', height: 'unknown' }
ログイン後にコピー

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

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