JavaScript ディープコピー_JavaScript スキル

まず、浅いコピーの欠点を見てみましょう。この手口の被害に遭った人は何人いるでしょうか。

これは、オブジェクトと配列を含む比較的複雑なオブジェクトです。 Prototype の有名な継承関数を使用して、少し複雑にしてみましょう。継承とは言い難いですし、jQueryもカウントされません。
テスト プログラム:



元のオブジェクトを変更したくない場合は、オブジェクトと配列を特別に処理する必要があるようです。それらに対処するには、それらを特定する必要があります。次の関数を見てください:
上記の関数は型の識別に使用されます。typeof は「object」を返します。また、別のドキュメント オブジェクトの Array インスタンスも決定できません。 Object.prototype.toString.call の使用は完璧ではありませんが、アヒル型は簡単にコピーできますが、以前よりもはるかに信頼性が高くなります。
正式に本題に入りましょう。ディープ コピー関数は、値がオブジェクトと配列であるキーと値のペアを特別に処理します。プログラムは、まずターゲット オブジェクトの新しいオブジェクトと配列を作成し、次にコピーします。それらを一層ずつ重ねていきます。 hasOwnProperty が使用されていないことがわかります。つまり、プロトタイプ内の走査可能なプロパティさえも逆さまになっています。配列の場合、for(,,,) ループは使用しません。ループできるのは括弧内の要素だけであり、配列に付加された他の属性はループできません。したがって、for...in の非常に遅いメソッドは次のとおりです。ここではまだ必要です。ディープコピーはすべてのプロパティをチェックし、途中で新しいオブジェクトを作成する可能性があるため、重いメソッドです。用事がない場合は使用しないでください。