JavaScript では、オブジェクトの配列を操作するのが一般的なシナリオです。頻繁に行われるタスクは、各オブジェクトから特定のプロパティ値を抽出し、それらの値を含む配列を作成することです。カスタム関数でもこれを実現できますが、よりエレガントで慣用的なアプローチもあります。
特定の構造を持つオブジェクト配列が与えられた場合、目的はそれぞれのオブジェクト配列からフィールド (プロパティ) を抽出することです。オブジェクトを作成し、それらの値を含む配列を返します。たとえば、「foo」フィールドを抽出すると、従来の for ループを使用する代わりに、次のオブジェクト配列から配列 [1, 3, 5] が生成されます:
アプローチをプッシュするには、次の慣用的な解決策を検討してください:
方法 1: Array.map() と Arrow関数
メソッド 2: オブジェクトを分割する Array.map()
どちらのメソッドも利用しますArray.prototype.map() メソッド。提供されたコールバック関数を使用して配列内の各要素を変換します。この場合、コールバック関数は各オブジェクトから指定されたフィールド (「foo」) を抽出します。 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 サイトの他の関連記事を参照してください。