javascriptで配列の値を取得した際に参照渡しになってしまう

Question

二次元配列を回転させるメソッドを書きたいのですが、
まずは回転させる元のarrayを用意します。
次に元の配列を保持するarraycopyを

var arraycopy=array.slice();

のように書きました。
しかし

array[2][2]=20

のように書いてみると、arraycopyの値も変わっていました
さらに

var x=arraycopy[2][2]
x=200

のようにかくと、arrayとarraycopyの両方の値が書き換えられていました

他の言語では味わったことがないのですが、配列の中のスカラーな値でも配列から取得しているだけで受け取った際には参照渡しになるのでしょうか？
また、ネット上で新しい配列を作成するにはconcatを使うなどslice以外の方法を全て試したのですがいずれも参照渡しになってしまいました。
使っている環境はatomのcode runnnerです。
環境によって実行結果が変わるとは思えないのですが、原因の方を教えていただきたいです。

Comments

[kei344]

試すためのコードをなるべく全て提示されたほうが齟齬が起こりにくいです。

Answer 1

はい、JavaScriptには多次元配列はなく、「配列の配列」になっています。そして、sliceやconcatなどはシャローコピーなので、親配列をコピーしても、2次元目に入っている配列はそのまま共用となってしまいます。

中身が数値（などJSONとして書き出して問題ないもの）でしたら、一度JSONを介することでディープコピーが可能です。

const copied = JSON.parse(JSON.stringify(array));

Answer 2

こんにちは

二次元配列だとすると、内側の配列もコピーを作らないと意図通りにならないので、

var arraycopy = array.map(a => a.slice());

としてみるといかがでしょうか？

• 動作確認用 Repl.it: https://codepen.io/jun68ykt/pen/povBeJe?editors=0012

Comments

[babbleman]

そう言うことだったんですね！ありがとうございます。助かりました。

[jun68ykt]

どういたしまして。
> 助かりました。
とのことで、よかったです????

Answer 3

javascriptで配列の値を取得した際に参照渡しになってしまう

（中略）
原因の方を教えていただきたい

別の質問JavaScriptの参照渡しと値渡しについてに寄せられた回答も読んでみてください。

余談になりますが、JavaScriptには、値渡しも参照渡しも存在しません。

あくまで、変数は、メモリに格納された値に対する参照にすぎません。
(miyabi_takatsuk さんの回答より引用)

この引用が、本質問へ寄せられた回答を裏付けると思います。

• シャローコピー/ディープコピーの違い（maisumakun さんの回答）
• 二次元配列だとすると、内側の配列もコピーを作らないと意図通りにならないので（jun68ykt さんの回答）

Answer 4

var arraycopy = [...array]

Comments

[maisumakun]

それではsliceやconcatと同じシャローコピーにしかなりません。