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

JavaScript でプロパティ値を配列に効率的に抽出するにはどうすればよいですか?

DDD
リリース: 2024-12-24 07:57:14
オリジナル
896 人が閲覧しました

How Can I Efficiently Extract Property Values into an Array in JavaScript?

JavaScript でプロパティ値を配列として抽出する

JavaScript では、オブジェクトの配列を操作するのが一般的なシナリオです。頻繁に行われるタスクは、各オブジェクトから特定のプロパティ値を抽出し、それらの値を含む配列を作成することです。カスタム関数でもこれを実現できますが、よりエレガントで慣用的なアプローチもあります。

元の質問

特定の構造を持つオブジェクト配列が与えられた場合、目的はそれぞれのオブジェクト配列からフィールド (プロパティ) を抽出することです。オブジェクトを作成し、それらの値を含む配列を返します。たとえば、「foo」フィールドを抽出すると、従来の for ループを使用する代わりに、次のオブジェクト配列から配列 [1, 3, 5] が生成されます:

Idiomatic Solutions

アプローチをプッシュするには、次の慣用的な解決策を検討してください:

方法 1: Array.map() と Arrow関数

メソッド 2: オブジェクトを分割する Array.map()

関数の説明

どちらのメソッドも利用しますArray.prototype.map() メソッド。提供されたコールバック関数を使用して配列内の各要素を変換します。この場合、コールバック関数は各オブジェクトから指定されたフィールド (「foo」) を抽出します。 map() 関数は、変換された要素を含む新しい配列を返し、結果変数に割り当てられます。

Array.map() のリファレンス

Array.prototype の詳細。 map() については、Mozilla Developer Network (MDN) を参照してください。ドキュメント:
[https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map](https://developer.mozilla.org/en-US/docs) /Web/JavaScript/Reference/Global_Objects/Array/map)

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

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