javascript淺層克隆、深度克隆對比及實例解析
更新時間：2020年02月09日 11:08:08 作者：shumeihh
這篇文章主要介紹了javascript淺層克隆、深度克隆對比及實例解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
這篇文章主要介紹了javascript淺層克隆、深度克隆對比及實例解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
1、淺層克隆, （引用值改變， 兩個都一起變）
var obj = {
name : 'xiaoming',
age : 12,
children : ['mimi','lili','rokey']
}
var obj2 = {};
function clone(origin, target) {
var target = target || {};
for(var prop in origin) {
target[prop] = origin[prop];
}
return target;
}
clone(obj, obj2);
2、深度克隆 （只考慮數(shù)組和對象）
（1）判斷是不是原始值
?。?）判斷是數(shù)組還是對象 Object.prototype.toString.call([]) = '[object Array]' Object.prototype.toString.call({}) = '[object Object]'
（3）建立相應(yīng)的數(shù)組和對象
（4）遞歸
function deepClone(origin, target) {
var target = target || {},
toStr = Object.prototype.toString,
arrStr = '[object Array]';
for(var prop in origin) {
if(origin.hasOwnProperty(prop)) { //判斷是不是對象自帶的屬性
if(origin[prop] !== 'null' && typeof(origin[prop]) == 'object') {
if(toStr.call(origin[prop]) == arrStr) {
target[prop] = [];
}else {
target[prop] = {};
}
deepClone(origin[prop], target[prop]);
}else {
target[prop] = origin[prop];
}
}
}
return target;
}
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
js操作css屬性實現(xiàn)div層展開關(guān)閉效果的方法
這篇文章主要介紹了js操作css屬性實現(xiàn)div層展開關(guān)閉效果的方法,涉及javaScript操作css樣式實現(xiàn)div彈出層的效果,非常具有實用價值,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了JS動態(tài)圖片的實現(xiàn)方法,結(jié)合完整實例形式分析了JavaScript鼠標響應(yīng)與頁面元素屬性動態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2020-01-01
JavaScript 是一種有趣的語言，我們都喜歡它，因為它的性質(zhì)。這篇文章主要介紹了8個有意思的JavaScript面試題 ,需要的朋友可以參考下2019-07-07
這篇文章主要介紹了使用pkg打包ThinkJS項目的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
微信小程序?qū)崿F(xiàn)form表單本地儲存數(shù)據(jù)
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)form表單本地儲存數(shù)據(jù)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-06-06
這篇文章主要介紹了JS簡單獲取當(dāng)前年月日星期的方法,結(jié)合完整實例形式分析了javascript基于自定義函數(shù)獲取當(dāng)前日期時間的方法,涉及javascript中Date()類的使用與日期相關(guān)運算技巧,需要的朋友可以參考下2017-02-02
JavaScript 語言在 ES6 規(guī)范中引入了 Symbol 類型,它是一種原始數(shù)據(jù)類型,用于創(chuàng)建唯一的標識符,本文將介紹 Symbol 類型的所有靜態(tài)屬性,并舉例說明它們的用途和使用場景,希望對大家有所幫助2023-12-12
js判斷輸入是否中文，數(shù)字，身份證等等js函數(shù)集合
收集的比較多，建議大家查找搜尋，常用的js判斷函數(shù)2008-09-09
在使用ECharts繪制折線圖時,為了豐富圖表的視覺表達,設(shè)計師們常常會為視圖搭配上不同的圖標,下面這篇文章主要給大家介紹了關(guān)于Echarts自定義圖形的方法參考,需要的朋友可以參考下2023-02-02
用Golang運行JavaScript的實現(xiàn)示例
這篇文章主要介紹了用Golang運行JavaScript的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11