挨拶

Web系エンジニアへの就職に向け学習をしております、ひろやすと申します。
今回の記事は、JavaScriptの復習をしていて配列の正しいコピーの仕方を知ったので、学習のアウトプットとして投稿しようと思いました。
配列のコピーの仕方を知らない方の参考になれば幸いです。

正しい配列のコピー

const array = ["ねずみ", "うし", "とら"];

// スプレッド構文を利用してカッコの中で配列の要素を取り出している
const arrayCopy = [...array];

間違った配列のコピー

const array = ["ねずみ", "うし", "とら"];
// arrayを参照している
const arrayCopy = array;

// arrayの値が変更するとarrayCopyの値も変わってしまう
array[0] = "いぬ"

console.log(arrayCopy);
// ["いぬ", "うし", "とら"]

筆者の悪い例

最後に、正しい配列のコピーの仕方を知らなかった以前の私が書いていたコードを載せておきます。
多分、こんなにまわりくどいコードを書く人はいないと思うけど...笑

const array = ["ねずみ", "うし", "とら"];

const data = [];

// forEach文で要素を一つずつ配列に挿入している
array.forEach((a) => {
  data.push(a);
};

最後までお読み頂きましてありがとうございます。