この投稿では、オブジェクトの配列をマップして、新しいキーを含む新しい配列を返すメソッドを定義します。
新しいキーを含むオブジェクトの新しい配列を返すオブジェクトの配列をマップする
使用 ' 地図() 」 記載されたステートメントに対処する方法。 map() メソッドは、配列を反復処理し、元の配列の各要素を呼び出す提供された関数の結果の値を追加して新しい配列を作成するために使用されます。元の配列は変更されませんが、提供された関数の結果を含む新しい配列が出力されます。
構文
map() メソッドには次の構文を使用します。
地図 ( ( エレメント ) => {
//……
} )
例
「」という名前のオブジェクトの配列を作成します arrObj 」:
どこにarrObj = [ { 名前 : 「ポール」 、ID : 3 、 年 : 23 } 、
{ 名前 : 「メイヤー」 、ID : 5 、 年 : 25 } 、
{ 名前 : '同意します' 、ID : 十一 、 年 : 27 }
]
オブジェクトのキーを引数として map() メソッドを呼び出し、すべての配列要素に対して実行されるアロー/コールバック関数を呼び出します。ここでは、「」のキーを設定します。 arrObj 」をコールバック関数の新しいキーに:
定数 newArrayObj = arrObj。 地図 ( ( { 名前、ID、年齢 } ) => ( {新しいID : ID、
新しい名前 : 名前、
新時代 : 年
} ) ) ;
最後に、新しい配列を新しいキーでコンソールに表示します。
コンソール。 ログ ( newArrayObj ) ;
「」という名前のオブジェクトの新しい配列が表示されます。 newArrayObj 」には、同じ値で並べ替えられた「新しい/更新されたキー」が含まれています。
オブジェクトの配列をマッピングして、JavaScript で新しいキーを持つオブジェクトの配列を返す方法はこれですべてです。
結論
新しいキーを持つオブジェクトの新しい配列にオブジェクトの配列をマップするには、「 地図() ' 方法。このメソッドは、オブジェクトの配列のすべての要素を反復し、指定された関数でコールバック関数を呼び出すことによって新しい配列を提供します。この投稿では、新しいキーを持つオブジェクトの配列を返すために、オブジェクトの配列をマップする手順を定義しました。