对象、数组都是用堆存储,存储数据在一个堆内存地址中。如果用var person2=person1; 当改变person1或person2下的属性、方法等值时,会改变地址中的值,所以原对象的值也会改变。
所以如果有一个对象1,想复制一个对象2和对象1一样,要采用clone方法。
1、JSON
使用JSON下的两个方法
var str=JSON.stringify(per);/*对象转字符串*/ var per1=JSON.parse(str);/*字符串转对象*/
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
var per={
'name':'huahua',
'age':'18',
'father':{
'name':"zhanghuahua",
'age':'19'
}
};
var str=JSON.stringify(per);/*对象转字符串*/
var per1=JSON.parse(str);
per1.name='lele';
per.father.name='yulele';
console.log(per.name,per1.name);/*互不影响*/
console.log(per.father.name,per1.father.name);/*互不影响*/
</script>
</body>
</html>
2、key/in(对象属性遍历循环)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
var person1 = {
name:"zhangsan",
age:20,
father:{
name:"zz"
}
};
function clone(obj){//深克隆
var resObj = {};
for(key in obj){/*key/in循环*/
if(obj[key] instanceof Object){/*如果属性是对象,则再次调用clone()(递归)*/
resObj[key] = clone(obj[key]);
}else{
resObj[key] = obj[key];/*clone*/
}
}
return resObj;/*返回resObj*/
}
var person2 = clone(person1);
person1.father.name = 'zxx';
console.log(person2.father.name);/*不改变 还是zz*/
</script>
</body>
</html>