• JavaScript

JavaScriptで配列を複製。新しい配列を作成する方法【mapメソッドを使おう】

JavaScriptで配列を複製。

複製した配列を元に新しい配列を作成したい。

本記事ではこのような悩みを解決。

実装方法について解説します。

mapメソッドを使って配列を複製

//配列
const arry = [1, 2, 3, 4, 5];

//配列を複製
const newArry = arry.map((val) => {
  return val;
});

//コンソールに出力
console.log(newArry);
//(5) [1, 2, 3, 4, 5]

配列を複製するコード例です。

配列の複製にはmapメソッドを使います。

複製したい配列をメソッドチェーンでmapメソッドと連結。

コールバック関数を定義。

第一引数（val）には配列要素が入ります。

コールバック関数の処理で上記引数をreturnで返す事で配列を複製できます。

配列を書き換える

//配列
const arry = [1, 2, 3, 4, 5];

//配列要素の値を書き換える
const newArry = arry.map((val) => {
  return val * 2;
});

//コンソールに出力
console.log(newArry);
//(5) [2, 4, 6, 8, 10]

mapメソッドは配列要素を書き換えて、新しい配列を作成する事も可能です。

コールバック関数の処理を変更するだけです。

上記コード例では、複製元の配列要素に2倍かけた新しい配列を作成してます。

まとめ

JavaScriptで配列を複製。新しい配列を作成する方法について紹介しました。

以上で解説を終わります。