oa信用盤源碼搭建js中復制的方法吉林快三源碼出售
js中有深拷貝和淺拷貝兩種復制形式,下面總結一下常用方法,方便平時工作復習使用
一、淺拷貝
1、json對象淺拷貝
var newObj = JSON.parse(JSON.stringify( someObj ) )
2、es6 Object.assign()
const objA = { name: ‘cc‘, age: 18 }
const objB = { address: ‘beijing‘ }
const objC = {} // 這個為目標對象
const obj = Object.assign(objC, objA, objB) // 我們將 objA objB objC obj 分別輸出看看
console.log(objB) // { address: ‘beijing‘ }
console.log(objC) // { name: ‘cc‘, age: 18, address: ‘beijing‘ }
console.log(obj) // { name: ‘cc‘, age: 18, address: ‘beijing‘ }
// 是的,目標對象ObjC的值被改變了。 // so,如果objC也是你的一個源對象的話。請在objC前面填在一個目標對象{} Object.assign({}, objC, objA, objB)
3、es6 Spread Operator 展開運算符語法
var obj = { ‘data‘: [11, 2, 3], ‘name‘: ‘mfg‘,
fn: function() {}
}; var objNew = { ...obj
};
4、遍歷
function sallowCopy(source) { // source 不是對象,而是【原始類型】的情況
// 原始類型說明詳見http://www.jianshu.com/p/b161aeecb6d6
if (null == source || "object" != typeof source) return source;
var target = {}; for (var key in source) { if (source.hasOwnProperty(key)) { // 僅拷貝自身的屬性
target[key] = source[key];
}
} return target;
}/這個淺拷貝會將source對象上的所有[可枚舉屬性]都拷貝到target對象上,不包括原型鏈上的屬性。/
二、深拷貝
1、借助lodash的merge方法
import merge from "lodash/object/merge";function commentsById(state = {}, action) { switch(action.type) { default : { if(action.entities && action.entities.comments) { return merge({}, state, action.entities.comments.byId);
} return state;
}
}
}
3、存在大量深拷貝借助immutable庫
const { Map } = require(‘immutable‘)
const map1 = Map({ a: 1, b: 2, c: 3 })
const map2 = map1.set(‘b‘, 50)
map1.get(‘b‘) // 2map2.get(‘b‘) // 50盡量保持數據
4、jquery的$.extend() 如果沒有第一個參數則為淺拷貝
$.extend(true, {}, obj)
5、JSON對象的方法
var obj2 = JSON.parse(JSON.stringify(obj1))
熟悉js的人對這兩個方法肯定不陌生,利用原生JSON對象的兩個可以非常方便地實現對象的深復制。
這種方法也有弊端:
只能復制能用json表示的屬性,比如String、Number、Array等,對於不能用json表示的屬性例如Function、Regexp等則會丟失
對象的原型鏈丟失
復制效率較低
雖說有以上缺點,但是這種方式也足以應對大部分情況了。
6、遞歸復制
function cloneDeep(obj) { if (obj == null || typeof obj !== ‘object‘) return obj var newObj = Array.isArray(obj) ? [] : {} for (let i in obj) { if (obj.hasOwnProperty(i)) { var value = obj[i]
newObj[i] = typeof value === ‘object‘ ? clone(value) : value
}
} return newObj
}
這種方式與上面淺復制的遍歷對象方式相比只是多了遞歸調用,即判斷對象的屬性是否也為對象,是則遞歸調用遍歷這個對象,直到不為對象為止。
但是這種方式也沒有考慮Function、Regexp、Error等類型,需要更多的判斷,但是核心思想也還是遞歸遍歷對象復制,另外這種方式比JSON的深復制效率稍高。
oa信用盤源碼搭建js中復制的方法吉林快三源碼出售