clone对象(key/in和JSON两种方法)

对象、数组都是用堆存储,存储数据在一个堆内存地址中。如果用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>

猜你喜欢

转载自blog.csdn.net/qq_38912819/article/details/80636307