数组的浅拷贝(只能拷贝基本类型)
ES5 方法总结
1.slice方法
let arr = [2,4,434,43]
let arr1= arr.slice();
console.log(arr1); // [ 2, 4, 434, 43 ]
2. 遍历数组
Array.prototype.clone = function(){
let a=[];
for(let i=0,l=this.length;i<l;i++) {
a.push(this[i]);
}
return a;
}
let brr = ['aaa','bbb','ccc','wwwww','ddd']
let arr2 = brr.clone()
console.log(arr2)
3. concat()
Array.prototype.clone=function(){
return [].concat(this);
//或者 return this.concat();
}
let crr = ['aaa','asss']
let arr3 = crr.clone()
console.log(arr3)
ES6 方法总结
1. Object.assign() 浅复制,也可以实现数组的克隆
let arr4 = ['sdsd',123,123,123]
let arr5 = []
Object.assign(arr5,arr4)
arr4[1] = 'aaaa'
console.log(arr4,arr5) // [ 'sdsd', 'aaaa', 123, 123 ] [ 'sdsd', 123, 123, 123 ]
2. 扩展运算符
const a1 = [1, 2];
const a2 = [...a1];
console.log(a2);
const d = {
name: 'zhangsan',
age: 12
}
const e = {...d};
d.age = 28;
console.log(d,e)
————————————————————————————————————————————————————————
数组的深拷贝
技巧一:不仅可拷贝数组还能拷贝对象(但不能拷贝函数)
var arr = ['old', 1, true, ['old1', 'old2'], {old: 1}];
var new_arr = JSON.parse(JSON.stringify(arr))
console.log(new_arr);
下面是浅拷贝一个通用方法,实现思路:遍历对象,把属性和属性值都放在一个新的对象里
var shallowCopy = function (obj) {
// 只拷贝对象
if (typeof obj !== 'object') return;
// 根据obj的类型判断是新建一个数组还是一个对象
var newObj = obj instanceof Array ? [] : {};
// 遍历obj,并且判断是obj的属性才拷贝
for (var key in obj) {
if (obj.hasOwnProperty(key)) {
newObj[key] = obj[key];
}
}
return newObj;
}
console.log(shallowCopy(arr));
下面是深拷贝一个通用方法,实现思路:拷贝的时候判断属性值的类型,如果是对象,继续递归调用深拷贝函数
var arr = ['old', 1, true, ['old1', 'old2'], {old: 1}];
var deepCopy = function(obj) {
// 只拷贝对象
if (typeof obj !== 'object') return;
// 根据obj的类型判断是新建一个数组还是一个对象
var newObj = obj instanceof Array ? [] : {};
for (var key in obj) {
// 遍历obj,并且判断是obj的属性才拷贝
if (obj.hasOwnProperty(key)) {
// 判断属性值的类型,如果是对象递归调用深拷贝
newObj[key] = typeof obj[key] === 'object' ? deepCopy(obj[key]) : obj[key];
}
}
return newObj;
}
console.log(deepCopy(arr));