Javascript 定数への配列の代入と編集について

Question

現在JavaScriptを学習しております。

以下のソースの時に定数「arr4」の配列の内容も変わってしまうのが何故なのか理解に苦しんでおります。

const arr4 = [1, 2, 3];
const arr5 = arr4;
arr5[0] = 'c';
console.log(arr4);
console.log(arr5);

// 実行結果
// ['c', 2, 3]
// ['c', 2, 3]

3行目で定数「attr5」の0番目を「c」としているのに、その下のコンソールログでは「arr4」の出力結果も更新されてしまっております。
これは何故なのでしょうか？

Comments

[meg_]

> 以下のソースがの時に定数「arr4」の配列の内容も変わってしまう
文章が中途半端なように見えますので確認してください。

Answer 1

どちらの名前も、同じオブジェクトを指しています。別名というか。
arr5 = arr4;という代入では、右辺のオブジェクトを左辺の名前でも参照できるようにするということです。オブジェクトのコピーは発生しませんので、同じオブジェクトです。

コピーを行って、それぞれの名前がそれぞれ別のオブジェクトを参照するようにするには、何らかのメソッドが必要です。arr5 = arr4.slice();とか。

Comments

[junmurakami]

とても分かりやすく理解できる回答でした。ありがとうございます。

Answer 2

もう一度理解する、JavaScriptの配列とコピー - Qiita

これで。

Comments

[junmurakami]

いただいたページを確認しました。
大変参考になりました。ありがとうございます。