javascriptの返り値について

Question

発生している問題

JavaScriptにて、double関数内で配列の中身を入れ替える処理をしています。
配列の中身を入れ替え後にreturnをしていませんが、
console.log(i)の中は入れ替え後の結果が入ってました。

何故returnしなくとも結果が帰ってくるのでしょうか?
理屈を教えていただけないでしょうか...

該当のソースコード

function double(array) {
  let tmp = 0;

  tmp = array[1];
  array[1] = array[0];
  array[0] = tmp; 
  
}

const i = [7,5];
double(i);
console.log(i);

Answer 1

doubleでの処理が、
引数に渡されたオブジェクトの参照を切らさない代入の仕方をしているからです。

引数arrayは、iの値のコピーが入るのではなく、iが保持していた配列オブジェクト値と同じ参照をもっている状態です。

つまり、arrayとiで同じオブジェクトを参照しているので、arrayにおいてのプロパティである、配列インデックスの値の変更は、同じオブジェクトを参照しているi側から見たとき、参照元が変化しているため、iも変化したように見えます。
（実際にはiは変化しておらず、ただ単に参照元が変化しただけ）

この関数の引数の参照に関しては、
言語によってだったり、処理のさせ方によって変わってきますが、ひとまず、JavaScriptで今回のケースではこういう仕様ということです。

Comments

[sousuke]

この手の質問みると「参照渡し」関連で荒れないかちょっとヒヤヒヤしてしまう自分がいるｗ

[miyabi_pudding]

w
JSは参照渡しも値渡しもないけど、一見ありそうに見えるから、
しばしば回答揺れだったり、見解の相違とかで荒れやすいですよね。

[sousuke]

「実際どうしているかまで気にする人」「結果だけあっていればいい人」
「javascriptしか触ってない人」「Cとかも触ったことのある人」
スタンスがバラバラですからね…最終的に「この現象」に「名前をつけて認識する」人次第なんで
非常に難しい問題ですよね。指してる現象(結果)はみんな理解しているのに荒れてしまう。

[miyabi_pudding]

そうなんですよね。
私は最初のころどちらかというと、結果だけ合ってれば系の人間で、
適当にかじって、参照渡しや！って回答したりして、
かなりご指摘をいただいて、ようやく学んだくちです。
（確かに、現象だけ見れば参照渡しに見えるんですが、難しい・・・）
おかげで、JSの参照の仕組みはだいぶ理解が進みましたが、
どうにも参照渡しが明示的に存在する言語にあまり触れたことがなく、
逆に参照渡しの理解があまりありません　汗
PHPくらいですかね、参照渡しが存在する言語の中で、比較的触れてるのは。
（しかもPHP実務で参照渡しほぼ使ったことない・・・）

[m.ts10806]

>ちょっとヒヤヒヤしてしまう

同じく。
意識して使えるようになるのはかなり至難ですよね。私もなんとなくでしかやってないし、想定の動作してくれないときに都度対応策考えて逃がしてます。

[miyabi_pudding]

> 想定の動作してくれないときに都度対応策考えて逃がしてます。

ほんとにこれですよね。
例えなんとなくでも、そういったものだと認識してるだけでも、対応策とれるかどうかの分かれ道だと思います。
単純な参照範囲+一歩だけでも先、理解できれば、なんで値変更できないんだ？とか、変更しささるんだ？が減って、細かい実装を迷わずできるようになる、といつも思います。

特にAngularとか、フレームワークは参照の理屈わかってないと細かい実装ほんと無理です　汗

[退会済みユーザー]

ありがとうございます。
今回の場合は配列(ミュータブル)な物でかつ変数の内部の値を変更したので
参照渡しのように見えるという事でいいのでしょうか。

[miyabi_pudding]

それであってます。
ちなみにJavaScriptでは、
意図的にプロパティを凍結しない限りは全てミュータブルです。
（constで宣言してもプロパティはミュータブル）

[退会済みユーザー]

ありがとうございます。
JavaScriptが全てミュータブルなのは初めて知りました..