シャロークローニングとディープクローニングとは何ですか?浅いクローン: スタックに格納されている値を対応する変数に直接割り当てます。基本データ型の場合は、対応する値が直接割り当てられます。参照型の場合は、アドレスが割り当てられます。 1. アレイのクローンを作成する1.1 浅いクローニングfor ループを使用して浅いクローンを作成します。 var arr1 = ['デモ', 1, 2]; var arr2 = []; // 配列の浅いクローン for (var i = 0; i < arr1.length; i++) { arr2[i] = arr1[i]; } コンソールログ(arr2); コンソールにログ出力します。 出力:
1.2 ディープクローニングディープクローニングには再帰を使用します。 関数 deepClone(o) { var 結果 = []; (var i = 0; i < o.length; i++) の場合 { 結果.push(deepClone(o[i])); } 結果を返します。 } 2. 配列以外のオブジェクトの複製2.1 浅いクローニングfor ループを使用して浅いクローンを作成します。 var obj1 = { a: 1, b: 2, c: 3, d: [4, 5, { e: 'デモ' }] }; var obj2 = {}; // オブジェクトの浅いクローン for (var i in obj1) { obj2[i] = obj1[i]; } コンソールログ(obj2); コンソールにログ出力します。(obj1 == obj2); 出力:
2.2 ディープクローニングディープクローニングには再帰を使用します。 関数 deepClone(o) { var 結果 = {}; (変数 i が o の場合) { 結果[i] = deepClone(o[i]); } 結果を返します。 } 3. ディープクローン機能を統合var obj1 = { a: 1, b: 2, c: 3, d: [4, 5, { e: 'デモ' }] }; var arr1 = ['デモ', 1, 2]; // ディープクローン関数 deepClone(o) { Array.isArray(o) の場合 { // は配列です var result = []; (var i = 0; i < o.length; i++) の場合 { 結果.push(deepClone(o[i])); } } そうでない場合 (typeof o == 'object') { // 配列ではなくオブジェクトです var result = {}; (変数 i が o の場合) { 結果[i] = deepClone(o[i]); } } それ以外 { // 基本型の値 var result = o; } 結果を返します。 } コンソールにログ出力します。 コンソールにログ出力します。 これで、JavaScript 配列と非配列オブジェクトのディープ クローンとシャロー クローンの詳細な原則に関するこの記事は終了です。JavaScript 配列に関するより関連性の高いコンテンツについては、123WORDPRESS.COM で以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
>>: Centos8.2 クラウド サーバー環境に Tomcat8.5 をインストールするための詳細なチュートリアル
この記事では、カレンダー効果を実現するためのBootstrap+Jqueryの具体的なコードを参考ま...
数日前、CSS を使用して三角形の矢印を実装する方法について記事を書きました。 目的の効果は達成され...
insとdel は、HTML 4.0 で導入され、文書の作成時に作成者が共同作業できるようにし、また...
目次1.1 前提条件としてのJava環境1.2 Zookeeperのインストールと設定1.3 Kaf...
この記事の警告事項は、ブラウザの互換性とはまったく関係ありません。主に、プロジェクトで遭遇したいくつ...
1. 属性付きHTMLタグXML/HTML コードコンテンツをクリップボードにコピー< htm...
CSS の font-family プロパティを使用して中国語フォントを参照する場合、フォントを定義...
序文これは私が最近見つけた新しい機能です。プロジェクトでの私の使用シナリオは次のとおりです。アプリケ...
この記事の例では、スネークゲームを実装するためのjsの具体的なコードを参考までに共有しています。具体...
1. 速度制御機能を使用して、トランジション効果(加速、減速など)の速度曲線を制御します。速度制御機...
Ubuntu 18.04では参考までにmysql 5.7をインストールします。具体的な内容は以下のと...
目次1. はじめに2. RC および RR 分離レベル2.1. RRトランザクション分離レベルでのク...
この記事では、WeChatミニプログラムの具体的なコードを共有し、左にスワイプしてリスト項目を削除す...
1. フォルダを削除する例: rm -rf /usr/java /usr/javaディレクトリとその...
1. yumソースを更新するCentOS7 のデフォルトの yum リポジトリの PostgreSQ...