clone对象（key/in和JSON两种方法）

最新推荐文章于 2024-04-30 18:58:06 发布

花花最美腻

最新推荐文章于 2024-04-30 18:58:06 发布

阅读量1.4k

点赞数 1

分类专栏： JSON JavaScript 文章标签：克隆 JSON key/in

本文链接：https://blog.csdn.net/qq_38912819/article/details/80636307

版权

JavaScript 同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

JSON

1 篇文章 0 订阅

订阅专栏

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

花花最美腻

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
clone对象（key/in和JSON两种方法）

对象、数组都是用堆存储，存储数据在一个堆内存地址中。如果用var person2=person1；当改变person1或person2下的属性、方法等值时，会改变地址中的值，所以原对象的值也会改变。所以如果有一个对象1，想复制一个对象2和对象1一样，要采用clone方法。1、JSON 使用JSON下的两个方法var str=JSON.stringify(per);/*对象转字符串*/var...
复制链接

扫一扫