JavaScript对象常用方法总结以及对象拷贝

对象常用方法
对象拷贝

对象常用方法

什么是对象？

对象

JavaScript 中的所有事物都是对象：字符串、数字、数组、日期、正则，等等。

在 JavaScript 中，对象是拥有属性和方法的数据。

字符串（String）

数组

日期（Date）

正则（Regular）

对象拷贝

想要拷贝对象，先说一下数据类型。数据类型分为基本类型和引用类型。对于基本数据类型的拷贝，并没有深浅拷贝的区别，我们所说的

深浅拷贝

都是对于

引用数据类型

而言的。而引用只发生在对象的身上。

浅拷贝

浅拷贝的意思就是只复制引用，而未复制真正的值。

function simpleClone(initalObj) {
var obj = {};
for ( var i in initalObj) {
obj[i] = initalObj[i];
}
return obj;
}

深拷贝

深拷贝就是对目标的完全拷贝，不像浅拷贝那样只是复制了一层引用，就连值也都复制了。

目前实现深拷贝的方法不多，主要是两种：

• 利用 JSON 对象中的 parse 和 stringify
• 利用递归来实现每一层都重新创建对象并赋值

这里只说下用递归来实现拷贝。
如果对象的属性值还是一个对象，那么上面的拷贝实现的也只是拷贝了一一层引用，所以使用递归的方式对对象里的内容追根究底，直到拷贝到对象里的数据。

//浅拷贝
var obj = {a:{b:10}};
function copy(obj){
var newobj = {};
for ( var attr in obj) {
newobj[attr] = obj[attr];
}
return newobj;
}
var obj2 = copy(obj);
obj2.a.b = 20;
alert(obj.a.b); //20 ，因为拷贝的是一层引用，数据可以被改变

//改成递归后
var obj = {a:{b:10}};
function deepCopy(obj){
if(typeof obj != 'object'){
return obj;
}
var newobj = {};
for ( var attr in obj) {
newobj[attr] = deepCopy(obj[attr]);
}
return newobj;
}
var obj2 = deepCopy(obj);
obj2.a.b = 20;
alert(obj.a.b); //10，深层拷贝，最终拷贝到对象的数据