Mapに対するfor of

Question

node.js(v10.14.2)

for (var [key, value] of map)でmap(Map)の要素について処理を行う際に、valueが数値などの場合はvalue += 1;のように変更しても元のMapであるmapは変更されていないのに対して、valueがオブジェクトであり、そのプロパティについて変更をした場合にmapの内容まで変更されているのはなぜでしょうか。

Answer 1

for (var [key, value] of map)のようにした場合、valueの値は、ふつうの代入と同じように処理されています。valueを書き換えても元のmapそのものは変化しません。

• value += 1;のように再代入を行った場合、valueの変数が書き換わるだけです。
• 「valueがオブジェクトであり、そのプロパティについて変更をした場合」は、オブジェクトはmapの中身もvalueにあるものも共通なので、mapから参照しても変化は確認できます。

Comments

[Sukabo]

ご回答ありがとうございます。

Answer 2

JavaScriptには2タイプの値が存在し、
プリミティブとオブジェクトです。
どちらを代入するかで動きが変わります。

直感に反して変な動きをするオブジェクトに関して解説していきます。
プリミティブ値はMDNのサイトを見るか、コンソール上であれこれ挙動を確認してみてください。

const user = {name: "taro"}

こういうコードがあった場合、
{name: "taro"}というオブジェクトをメモリ空間上に作成します。
仮にそのアドレス値がABABABだったとしましょう。

そしてuser変数を宣言しますが、
その変数にはABABABといった感じのアドレス値が格納されます。

オブジェクト同士の比較を行う場合、
アドレス値が一致するか否かの比較になりますし、
プロパティの操作はアドレス値を元にメモリ空間に存在する実データのアクセスとなります。

なので下記のような動きになります。
ブラウザ上からF12キーで呼び出せるConsole上での動作を踏まえて説明していきます。

// userにアドレス値ABABABを格納
> user = {name: "taro"}
{name: "taro"}

// 新しく作ったオブジェクトに対して即席のアドレス値ACACACが払い出される
// 比較するとアドレス値ABABABとACACACの比較になり結果はfalse
> user == {name: "taro"}
false

// オブジェクト系なら他の比較も同様
// 2個のアドレスを払い出しての比較になり結果は必ずfalse
> ["abc"] == ["abc"]
false

// user2にアドレス値ABABABをコピー
// 閲覧しているメモリ空間のオブジェクトは同一
> user2 = user
{name: "taro"}

// アドレス値ABABAB同士で比較するとtrueになる
> user == user2
true

// アドレス値ABABABのオブジェクトのnameを変更
> user2.name = "jiro"

// アドレス値ABABABのオブジェクトのnameはjiroに変更されている
// user.nameでチェックすると当然変化済
> user
{name: "jiro"}

// 新しいオブジェクト(アドレス値ADADAD)を生成してアドレス値を保存
> user = {name: "saburo"}
{name: "saburo"}

// 変数user2はアドレス値ABABABが格納されたままなので変更されない
> user2
{name: "jiro"}

Comments

[Sukabo]

ご回答ありがとうございます。
値渡しか参照渡しか、ということで納得しました。

Answer 3

nodeはよくわからないので一般的な話ですが
数値や文字列リテラルを受けた変数は元の値に影響しませんが
オブジェクトを受けた変数は根本的に参照するものが同じなので
参照渡しのような挙動をするのがjsの基本だからじゃないですかね

Comments

[yambejp]

var a=b=1;
b.number=2;
console.log(a);//1
var c=d={};
d.number=2;
console.log(c);{number:2}

[Sukabo]

ご回答ありがとうございます。
参照渡しの挙動なら納得です。