Javascript オブジェクトの一部を参照渡ししたい

Question

タイトルの通り、
あるオブジェクトの特定のキーの参照を別の変数に渡す
ということを実現したいです。

var families = {
    father: {
        name: 'Taro',
        age: 42
    },
    mother: {
        name: 'Hanako',
        age: 40
    },
    sister: {
        name: 'Yuki',
        age: 16
    }
};

var father = families.father;

father = {
    name: 'Tom',
    age: 45
};

console.log(families);

とした時に

{
    father: {
        name: 'Tom',
        age: 45
    },
    mother: {
        name: 'Hanako',
        age: 40
    },
    sister: {
        name: 'Yuki',
        age: 16
    }
}

になって欲しいのですが、どのように参照を渡せば良いのかわかりません。

上記例では簡略化しましたが、実際には深くネストしたオブジェクトの一部を動的に参照したいと考えております。
よろしくお願いいたします。

Comments

[kei344]

「console,log」ではなく「console.log」では。

[actine]

ありがとうございます。修正しました。

Answer 1

単純にこういうことでしょうか。

var families = {
    father: {
        name: 'Taro',
        age: 42
    },
    mother: {
        name: 'Hanako',
        age: 40
    },
    sister: {
        name: 'Yuki',
        age: 16
    }
};

var father = families.father;

father.name = 'Tom';
father.age = 45;

console.log( families );

それともオブジェクトで渡したい、ということでしょうか。

var families = {
    father: {
        name: 'Taro',
        age: 42
    },
    mother: {
        name: 'Hanako',
        age: 40
    },
    sister: {
        name: 'Yuki',
        age: 16
    }
};

var father = families.father;
function rewrite( obj1, obj2 ) {
	Object.keys( obj1 ).forEach( function( k ){
		if ( obj2.hasOwnProperty( k ) ) obj1[ k ] = obj2[ k ];
	} );
}
rewrite( father, {
	name: 'Tom',
	age: 45
} );

console.log( families );
```**動くサンプル：**[https://jsfiddle.net/zo508fbs/](https://jsfiddle.net/zo508fbs/)

Comments

[actine]

解決いたしました。
プロパティが不確定なため直接Objectを渡したかったので非常に助かりました。
ありがとうございます。

[think49]

後半のコードですが、families.father が全てのプロパティを備えている必要があるので、ご注意下さい。
families.father = {name: 'Taro'};
rewrite( families.father, {name: 'Tom', age: 45} );
console.log(JSON.stringify(families.father)); // {"name":"Tom"}

参考までに、ES6 には Object.assign があり、Polyfillを適用すればIE11でも使えます。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

[kei344]

To: think49さん
半端な関数を作るより Object.assign がありましたね、指摘ありがとうございます。

Answer 2

これだと単純にオブジェクを丸ごと上書きしちゃってますね。

father = {
    name: 'Tom',
    age: 45
};

fatherに直接代入するのではなく下記のようにしてみてください。

father.name = 'Tom';
fahter.age = 45;

Answer 3

本件の例ですと

var ownerObjectOfFather = families;
ownerObjectOfFather.father = { name: 'Tom', age: 45 };

とすればよいと思います。つまり、更新したいプロパティーを直接保持しているオブジェクトを用いて、そのプロパティーへの代入文により更新をすればよいと思います。

関係ないかも知れませんが、jQueryのextendメソッドのようなことがしたいのではないか・・・と、そんな気もしました。もしそうなら自分でややこしいコード書かなくてもextendで足りるかも知れません。勘違いだったらご容赦です。

---

なお、Javascriptは値渡しのみの言語と思いますので「参照渡し」という用語自体の使用は避けた方が無難だと思います。個人的にはそのような用語の使い方は混乱を招く気がします。VBAやC++のように関数への実引数の渡し方として値のコピーを渡すことと値が格納されている場所を渡すことを選べる言語においてのみ参照渡しという用語を使った方がよいのではないかと思います。