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】inputの文字数制限を超えたら任意の処理を実行する方法

2023.03.29
2950
JavaScript

JavaScriptで並列要素の高さを揃える方法【自動調整】

2022.12.25
5163
JavaScript

ローディング画面にパーセントとプログレスバーを表示する方法【progressbar.js】

2023.02.18
6274
HTMLCSS JavaScript

スクロールバーが表示されない。SimpleBarを使おう!【即解決】

更新日:2022.09.09
9951