JavaScript で別の配列から部分オブジェクトを含む配列を作成するにはどうすればよいですか?

配列は、JavaScript で最もよく使用されるデータ型の 1 つです。これらはデータ セットを保存し、データへの効率的なアクセスと操作を可能にするために使用されます。配列には、プリミティブ値、オブジェクト、さらには他の配列を含む、あらゆるタイプのデータを含めることができます。

配列から部分オブジェクトの配列を作成する手法は、複雑なデータセットを扱う場合に有益な手法です。部分オブジェクトには元の配列内のデータのサブセットのみが含まれるため、特定のデータ セットに焦点を当てることができます。これは、必要なデータのみを簡単に処理できるため、大規模なデータ セットを扱う場合に特に便利です。

map() メソッドを使用すると、JavaScript で別の配列から部分オブジェクトの配列を作成できます。 map() メソッドを使用すると、配列を反復処理して新しい配列を作成でき、その結果、元の配列の各要素に対して提供された関数が呼び出されます。

＃＃＃文法＃＃＃

JavaScript で別の配列から部分オブジェクト配列を作成するための構文は次のとおりです -

リーリー

この構文では、originalArray は、部分オブジェクトの作成元となるオブジェクトを含む元の配列の名前です。この配列に対して Map メソッドを呼び出し、関数を引数として渡します。この関数は、元の配列の各要素に対して呼び出され、部分オブジェクトの新しい配列を作成するために使用されます。

map メソッドに渡される関数は、元の配列の 1 つの要素である 1 つのパラメーターを受け取ります。プロジェクトと呼ばれることが多いです。この関数では、元のオブジェクトから抽出するプロパティのみを含むオブジェクトを返すことができます。

構造化代入を使用して同じ結果を達成することもできます。

リーリー

map メソッドは元の配列を変更するのではなく、部分オブジェクトを含む新しい配列を作成することに注意してください。

部分オブジェクト配列を作成する方法

map() メソッドを使用する

JavaScript では、map() 関数は、新しい配列を作成するために配列に対して呼び出すことができるメソッドであり、その結果、元の配列の各要素に対して提供された関数が呼び出されます。新しい配列には、元の配列と同じ数の要素が含まれますが、各要素は、map() メソッドによって提供される関数に従って変換されます。

＃＃＃例＃＃＃

これは、map() メソッドを使用して別の配列から部分オブジェクトの配列を作成する方法の例です -

リーリー

上記の例では、id、name、および age プロパティを持つオブジェクトを含むプリミティブ配列があります。 Map メソッドを使用して配列を反復処理し、元の配列内の各オブジェクトの id プロパティと name プロパティのみを含む新しい配列 PartialObjects を作成します。

分解を使用する

このメソッドでは、分割代入と剰余演算子を使用してプロパティを抽出します。構造化割り当てでは、arrayItems 配列内の各オブジェクトから model プロパティと id プロパティが抽出され、rest 演算子では、残りのすべてのプロパティがrest という名前の新しいオブジェクトに抽出されます。

＃＃＃例＃＃＃ リーリー

reduce() メソッドを使用する

reduce() メソッドは、配列を反復処理し、その結果を使用して単一の値またはオブジェクトを作成できるもう 1 つのメソッドです。これは、複数のオブジェクトの部分的なプロパティを含む単一のオブジェクトを作成する必要がある場合に便利です。

＃＃＃例＃＃＃ リーリー ＃＃＃結論は＃＃＃

要約すると、map() メソッドは、JavaScript で既存の配列から新しい配列を作成するための強力なツールです。これにより、配列を反復処理し、各要素に対して何らかの操作を実行し、その結果を含む新しい配列を作成できます。これはオブジェクトの配列を扱う場合に便利で、各オブジェクトから特定のプロパティを抽出するだけで済みます。

map() メソッドは元の配列を変更せず、新しい配列を作成することに注意してください。したがって、元の配列を変更する場合は、forEach() メソッドを使用します。

以上がJavaScript で別の配列から部分オブジェクトを含む配列を作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。