84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
オブジェクト x があります。これをオブジェクト y としてコピーして、y への変更によって x が変更されないようにしたいと考えています。組み込み JavaScript オブジェクトから派生したオブジェクトをコピーすると、余分な不要なプロパティが作成されることに気づきました。私は独自のテキストで構築したオブジェクトの 1 つをコピーしているので、これは問題ではありません。
x
y
JavaScript オブジェクトを適切に複製するにはどうすればよいですか?
オブジェクトで Date、Function、Unknown、regExp、または Infinity を使用していない場合、非常に単純な行はJSON.parse(JSON.stringify(object)) です。
JSON.parse(JSON.stringify(object)) です。
については、この記事も参照してください。ディープ クローン作成機能も含まれています。
構造化クローニングと呼ばれる新しい JS 標準があります。多くのブラウザで動作します (「使用できますか」を参照)。リーリー
cloneメソッドをObject.prototypeに追加する場合 (一部の回答が示唆しているように)、そのプロパティを明示的にスキップする必要があります。しかし、Object.prototypeにその他のメソッドが追加されている場合や、知らない他の中間プロトタイプがある場合はどうなるでしょうか?この場合、コピーすべきではないプロパティをコピーしているため、hasOwnPropertyメソッドを使用する必要があります。
メソッドを
に追加する場合 (一部の回答が示唆しているように)、そのプロパティを明示的にスキップする必要があります。しかし、
にその他のメソッドが追加されている場合や、知らない他の中間プロトタイプがある場合はどうなるでしょうか?この場合、コピーすべきではないプロパティをコピーしているため、
prototypeは関数の隠し属性です。さらに、オブジェクトのプロトタイプはプロパティ__proto__を通じて参照されますが、これも非表示であり、ソース オブジェクトのプロパティを反復する for/in ループによってコピーされません。 __proto__ は Firefox の JavaScript インタプリタに固有であり、他のブラウザでは異なる可能性があると思いますが、アイデアは理解できますか。すべてが数えられるわけではありません。非表示のプロパティの名前がわかっている場合は、それをコピーできますが、それを自動的に検出する方法はわかりません。
は関数の隠し属性です。さらに、オブジェクトのプロトタイプはプロパティ
を通じて参照されますが、これも非表示であり、ソース オブジェクトのプロパティを反復する for/in ループによってコピーされません。 __proto__ は Firefox の JavaScript インタプリタに固有であり、他のブラウザでは異なる可能性があると思いますが、アイデアは理解できますか。すべてが数えられるわけではありません。非表示のプロパティの名前がわかっている場合は、それをコピーできますが、それを自動的に検出する方法はわかりません。
Objectの場合は、{}を使用して新しい汎用オブジェクトを作成するだけですが、ソース オブジェクトのプロトタイプがObjectの場合は、子孫コード>、その場合、hasOwnPropertyフィルターを使用してスキップされたプロトタイプ内の他のメンバー、またはそもそも列挙可能ではなかったプロトタイプ内の他のメンバーが失われます。解決策の 1 つは、ソース オブジェクトのコンストラクター プロパティを呼び出して初期コピー オブジェクトを取得し、その後プロパティをコピーすることですが、それでも列挙不可能なプロパティは取得できません。たとえば、Datecode> オブジェクトは、そのデータを非表示メンバーとして保存します。 リーリー
の場合は、
を使用して新しい汎用オブジェクトを作成するだけですが、ソース オブジェクトのプロトタイプが
の場合は、子孫コード>、その場合、
フィルターを使用してスキップされたプロトタイプ内の他のメンバー、またはそもそも列挙可能ではなかったプロトタイプ内の他のメンバーが失われます。解決策の 1 つは、ソース オブジェクトのコンストラクター プロパティを呼び出して初期コピー オブジェクトを取得し、その後プロパティをコピーすることですが、それでも列挙不可能なプロパティは取得できません。たとえば、
code> オブジェクトは、そのデータを非表示メンバーとして保存します。 リーリー
の日付文字列は、d2より 5 秒後になります。あるDateを別のDateと同一にする方法は、setTimeメソッドを呼び出すことですが、これはDateクラスに固有です。この問題に対する確実な普遍的な解決策はないと思いますが、間違っていることは幸いです。
d2
Date
setTime
一般的なディープ コピーを実装する必要があったとき、私は最終的に妥協して、通常のObject、Array、Date代码>、をコピーするだけでよいと考えました。 String代码>、Number代码>、または Boolean代码>。最後の 3 つのタイプは不変なので、変更されることを気にせずに浅いコピーを実行できます。さらに、ObjectまたはArrayに含まれる要素も、このリストの 6 つの単純型の 1 つであると仮定します。これは次のようなコードで実行できます:
Object
Array
Date代码>、をコピーするだけでよいと考えました。 String代码>、Number代码>、または Boolean代码>。最後の 3 つのタイプは不変なので、変更されることを気にせずに浅いコピーを実行できます。さらに、ObjectまたはArrayに含まれる要素も、このリストの 6 つの単純型の 1 つであると仮定します。これは次のようなコードで実行できます:
オブジェクトと配列内のデータがツリー構造を形成している限り、前述の 6 つの単純な型には上記の関数で十分です。つまり、オブジェクト内の同じデータは 1 回だけ参照されます。例えば:### リーリー
オブジェクトで Date、Function、Unknown、regExp、または Infinity を使用していない場合、非常に単純な行は
JSON.parse(JSON.stringify(object)) です。
については、この記事も参照してください。ディープ クローン作成機能も含まれています。
2022年更新
構造化クローニングと呼ばれる新しい JS 標準があります。多くのブラウザで動作します (「使用できますか」を参照)。リーリー
古い答え これを JavaScript で任意のオブジェクトに対して実行することは、決して単純でも簡単でもありません。オブジェクトのプロトタイプからプロパティを誤って取得するという問題に遭遇します。プロパティは、新しいインスタンスにコピーされるのではなく、プロトタイプに残される必要があります。たとえば、clone
列挙できないプロパティに加えて、非表示のプロパティを持つオブジェクトをコピーしようとすると、さらに厄介な問題に遭遇します。たとえば、メソッドを
Object.prototypeに追加する場合 (一部の回答が示唆しているように)、そのプロパティを明示的にスキップする必要があります。しかし、
Object.prototypeにその他のメソッドが追加されている場合や、知らない他の中間プロトタイプがある場合はどうなるでしょうか?この場合、コピーすべきではないプロパティをコピーしているため、
hasOwnPropertyメソッドを使用する必要があります。
prototype
洗練されたソリューションを探す際のもう 1 つの障害は、プロトタイプの継承を正しく設定するという問題です。ソース オブジェクトのプロトタイプがは関数の隠し属性です。さらに、オブジェクトのプロトタイプはプロパティ
__proto__を通じて参照されますが、これも非表示であり、ソース オブジェクトのプロパティを反復する for/in ループによってコピーされません。 __proto__ は Firefox の JavaScript インタプリタに固有であり、他のブラウザでは異なる可能性があると思いますが、アイデアは理解できますか。すべてが数えられるわけではありません。非表示のプロパティの名前がわかっている場合は、それをコピーできますが、それを自動的に検出する方法はわかりません。
Object
d1の場合は、
{}を使用して新しい汎用オブジェクトを作成するだけですが、ソース オブジェクトのプロトタイプが
Objectの場合は、子孫コード>、その場合、
hasOwnPropertyフィルターを使用してスキップされたプロトタイプ内の他のメンバー、またはそもそも列挙可能ではなかったプロトタイプ内の他のメンバーが失われます。解決策の 1 つは、ソース オブジェクトのコンストラクター プロパティを呼び出して初期コピー オブジェクトを取得し、その後プロパティをコピーすることですが、それでも列挙不可能なプロパティは取得できません。たとえば、
Datecode> オブジェクトは、そのデータを非表示メンバーとして保存します。 リーリー
の日付文字列は、
d2
より 5 秒後になります。あるDate
を別のDate
と同一にする方法は、setTime
メソッドを呼び出すことですが、これはDate
クラスに固有です。この問題に対する確実な普遍的な解決策はないと思いますが、間違っていることは幸いです。一般的なディープ コピーを実装する必要があったとき、私は最終的に妥協して、通常の
リーリーObject
、Array
、Date代码>、をコピーするだけでよいと考えました。 String代码>、Number代码>、または Boolean代码>。最後の 3 つのタイプは不変なので、変更されることを気にせずに浅いコピーを実行できます。さらに、
Object
またはArray
に含まれる要素も、このリストの 6 つの単純型の 1 つであると仮定します。これは次のようなコードで実行できます:オブジェクトと配列内のデータがツリー構造を形成している限り、前述の 6 つの単純な型には上記の関数で十分です。つまり、オブジェクト内の同じデータは 1 回だけ参照されます。例えば:### リーリー
これは JavaScript オブジェクトを処理できませんが、投げたものだけで動作すると考えない限り、多くの目的には十分かもしれません。