深いコピー関数でのfor文内の挙動について

Question

『JavaScriptパターン ―優れたアプリケーションのための作法』の139ページに、深いコピーをするextend()関数がありますが、以下のコードのchild[i]の挙動はどうなっているのでしょうか？

function extendDeep(parent, child) {
	var i,
	　　toStr = Object.prototype.toString,
	　　astr = "[object Array]";
	child = child || {};

	for (i in parent) {
		if (parent.hasOwnProperty(i)) {
			if (typeof parent[i] === "object") {
				child[i] = (toStr.call(parent[i]) === astr) ? []:{};
				extendDeep(parent[i], child[i]);
			} else {
				child[i] = parent[i];
			}
		}
	}
	return child;
}

var dad = {
	counts: [1,2,3],
	reads: {paper: true}
};
var kid = extendDeep(dad);

kid.counts.push(4);
console.log(kid.counts.toString()); // 1,2,3,4
console.log(dad.counts.toString()) // 1,2,3

child[i] = (toStr.call(parent[i]) === astr) ? []:{};
のところのchild[i]のiはcountsになっていますが、何でcounts = []にならないで、childが丸ごと[]に置き換わる挙動になってるんでしょうか？

例えば、以下のような挙動にならないのは、何ででしょうか？

let child = {};
let counts = [1,2,3];

child[counts] = [];
console.log(child); // Object { "1,2,3": [] }

Comments

[m.ts10806]

「深いコピーをする」というのはどういうものか具体的に認識されてますか？
私はその表現だけではピンと来なかったのですけど

[mxa]

すいません。この質問は見過ごしていたので、自己解決しました。コメントをありがとうございます。

Answer 1

すいませんでした。この質問は自己解決しました。
child[i]のchildのオブジェクトの中に、counts: []とあったのを見過ごしていました。