js克隆對(duì)象、數(shù)組的常用方法介紹
更新時(shí)間：2013年09月26日 17:38:32 作者：
以下幾種方法都是復(fù)制一個(gè)新的對(duì)象或者數(shù)組，但是如果直接通過(guò)parent【iframe情況】的方式去父窗口的對(duì)象的時(shí)候會(huì)有問(wèn)題，感興趣的朋友可以了解下
Ext的兩種克隆的方法：
可以克隆對(duì)象、數(shù)據(jù)等：var newJson = Ext.clone(json);
只能克隆數(shù)組：var newJson = Ext.Array.clone(json);
JQuery的方法：
深復(fù)制【可以迭代】：var newJson = jQuery.extend(true,{}, json);
淺復(fù)制【不能迭代】：var newJson = jQuery.extend({}, json);
var newJson = $.map(json,function (n) { return n; });
數(shù)組的克隆方法：
var newJson = json.concat();
var newJson = json.splice(0);
此上幾種方法都是復(fù)制一個(gè)新的對(duì)象或者數(shù)組，但是如果直接通過(guò)parent【iframe情況】的方式去父窗口的對(duì)象的時(shí)候會(huì)有問(wèn)題【存在引用關(guān)系】，需要注意，可以把取的方式改成傳遞數(shù)據(jù)的方式。
可以克隆對(duì)象、數(shù)據(jù)等：var newJson = Ext.clone(json);
只能克隆數(shù)組：var newJson = Ext.Array.clone(json);
JQuery的方法：
深復(fù)制【可以迭代】：var newJson = jQuery.extend(true,{}, json);
淺復(fù)制【不能迭代】：var newJson = jQuery.extend({}, json);
var newJson = $.map(json,function (n) { return n; });
數(shù)組的克隆方法：
復(fù)制代碼 代碼如下:
var newJson = json.concat();
var newJson = json.splice(0);
此上幾種方法都是復(fù)制一個(gè)新的對(duì)象或者數(shù)組，但是如果直接通過(guò)parent【iframe情況】的方式去父窗口的對(duì)象的時(shí)候會(huì)有問(wèn)題【存在引用關(guān)系】，需要注意，可以把取的方式改成傳遞數(shù)據(jù)的方式。
您可能感興趣的文章:
- JavaScript數(shù)組及非數(shù)組對(duì)象的深淺克隆詳解原理
- JavaScript淺層克隆與深度克隆示例詳解
- javascript淺層克隆、深度克隆對(duì)比及實(shí)例解析
- JS對(duì)象的深度克隆方法示例
- JS對(duì)象深度克隆實(shí)例分析
- JS擴(kuò)展類，克隆對(duì)象與混合類實(shí)例分析
- JS克隆，屬性，數(shù)組，對(duì)象，函數(shù)實(shí)例分析
- JavaScript 深層克隆對(duì)象詳解及實(shí)例
- javascript數(shù)組克隆簡(jiǎn)單實(shí)現(xiàn)方法
- 淺談克隆 JavaScript
相關(guān)文章
JavaScript,Table,排序,order,attribute,property,sort,Compare2009-05-05
用js將long型數(shù)據(jù)轉(zhuǎn)換成date型或datetime型的實(shí)例
下面小編就為大家?guī)?lái)一篇用js將long型數(shù)據(jù)轉(zhuǎn)換成date型或datetime型的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
這篇文章主要介紹了頁(yè)面裝載js及性能分析方法,需要的朋友可以參考下2014-03-03
Echarts圖表移動(dòng)端橫屏進(jìn)入退出的實(shí)現(xiàn)
本文主要介紹了Echarts圖表移動(dòng)端橫屏進(jìn)入退出的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-05-05
微信小程序?qū)崿F(xiàn)左右聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)左右聯(lián)動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
用JS實(shí)現(xiàn)HTML標(biāo)簽替換效果
用JS實(shí)現(xiàn)HTML標(biāo)簽替換效果...2007-06-06
解析dom中的children對(duì)象數(shù)組元素firstChild,lastChild的使用
以下是對(duì)dom中的children對(duì)象數(shù)組元素firstChild,lastChild的使用進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以參考下2013-07-07
原生JavaScript輪播圖實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了原生JavaScript輪播圖實(shí)現(xiàn)方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
Ionic 2 實(shí)現(xiàn)列表滑動(dòng)刪除按鈕的方法
這篇教程將展示如何使用Ionic2添加一個(gè)簡(jiǎn)單的刪除按鈕到列表，當(dāng)用戶滑動(dòng)列表項(xiàng)到左邊的時(shí)候。這是一個(gè)處理刪除列表數(shù)據(jù)時(shí)候常用的模式，具體內(nèi)容大家通過(guò)本文學(xué)習(xí)吧2017-01-01
JavaScript實(shí)現(xiàn)購(gòu)物車案例
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)購(gòu)物車案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01