Object.assign について

Question

const defaultOptions = {
	a: true,
	b: false,
	c: {
		a: true,
		b: true
	}
};
const yourOptions = {
	a: false,
	c: {
		b: false
	}
};
const options = Object.assign(defaultOptions, yourOptions);
console.log(options.c.a); // undefined

Object.assignメソッドでは第一階層にあるJSONのみを上書きできるのでしょうか？
上記のソースコードを実行するとその階層以降(defaultOptions.c)の中身は全てコピーされません。

Answer 1

MDN - Object.assign

こちらを読んで頂いて、 Object.assign の第一引数の値も書き換えられていることに注意してください。
今回のケースでも defaultOptions は上書きされています。 console.log(defaultOptions) で確認してみてください。
上書きしたくない場合は Object.assign({}, defaultOptions, yourOptions) などを使いましょう。

深いコピーに関しても注意書きがあります。
深い複製についての注意

Answer 2

上記のソースコードを実行するとその階層以降(defaultOptions.c)の中身は全てコピーされません。

いえ、逆にyourOptions.cがコピーされて、そちらで上書きされています。

Comments

[退会済みユーザー]

コート上では見えないですけど yourOptions.c.a は undefined と定義している感じで、それがそのまま上書きされてる感じですかね？

[maisumakun]

ではないです。options.cは、yourOptions.cと同一のオブジェクトです。

「options.c.a」のように存在しないプロパティにアクセスしてもJavaScriptではエラーにならず、ただundefinedを返します。

[退会済みユーザー]

ありがとうございます。大体理解できました。
こういったデータの上書きは Object.assign 単体では難しいと考えられますが、何か良い方法は無いのでしょうかね？
海外の似たような質問の回答だとfor文とかいろいろ複雑なコードを見つけましたが（＾＾；

[maisumakun]

ライブラリはちょくちょく見つかりますので、探してなにか取り入れてみるのもありかもしれません。

Answer 3

function newAssign(target, ...sources) {
	sources.forEach((source) => {
		const descriptors = Object.keys(source).reduce((descriptors, key) => {
			const descriptor = Object.getOwnPropertyDescriptor(source, key);
			const value = descriptor.value;
			if (typeof value == "object") {
				newAssign(target[key], value);
			} else {
				descriptors[key] = descriptor;
			}
			return descriptors;
		}, {});
		Object.defineProperties(target, descriptors);
	});
	return target;
}

const defaultOptions = {
	a: true,
	b: false,
	c: {
		a: true,
		b: true,
		c: {
			b: false,
		},
		d: {
			a: [0, 2, 3]
		}
	}
};
const yourOptions = {
	a: false,
	c: {
		b: false,
		c: {
			a: true
		}
	}
};
const options = newAssign(defaultOptions, yourOptions);
console.log(options);

とりあえず、いろいろ情報を整理してこんな感じのコードで自分のやりたいことはできました。
自分用なので不要な部分があったり、値の構造によってはエラーが発生してしまいますが...
とりあえず解決したことを報告させていただきます。皆様ありがとうございました。