Written by Kasumi

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で配列を複製。新しい配列を作成する方法について紹介しました。

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

目次

関連記事

JavaScript

JavaScriptでタブ切り替えを実装する方法【jQuery不要】

2022.10.10
1876
JavaScript

【JavaScript】親要素から子要素を取得する方法

2023.01.30
341
JavaScript

JavaScriptで上下のスクロールを判定する方法

2022.10.15
421
JavaScript

JavaScriptの配列で条件一致する要素だけ抽出する方法【filterメソッドを使おう】

2023.01.04
376