欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JS快速实现深拷贝--一行就搞定了

程序员文章站 2022-03-21 22:31:23
实现深拷贝的方式一:封装一个函数,判断数据类型,利用递归,实现深拷贝。 let obj = { name: '1张三丰', age: 22, messige: { sex: '男', score: 16 }, color: ['red', 'purple', 'qing'] } let....
  1. 实现深拷贝的方式一:封装一个函数,判断数据类型,利用递归,实现深拷贝。
  let obj = {
            name: '1张三丰',
            age: 22,
            messige: {
                sex: '男',
                score: 16
            },
            color: ['red', 'purple', 'qing']

        }
        let be = {};

        function kao(be, obj) {
            /// key代表obj的键,obj[key]代表的值
            // newObj[key] = obj[key];// 返现问题啦,如果obj[key]是复杂数据类型,就不可以赋值\
            // 如果obj[key]是数组,那么需要继续遍历
            // 再如果obj[key]是对象,那么又需要遍历 
            // 否则newObj[key] = obj[key]
            for (var key in obj) {
                if (obj[key] instanceof Array) { // 如何判断是不是数组
                    be[key] = [];  //确保是 数组
                    kao(be[key], obj[key]) // forin 也可以遍历数组

                } else if (obj[key] instanceof Object) {
                    be[key] = {};
                    kao(be[key], obj[key]);
                } else {
                    be[key] = obj[key];
                }
            }
        }

        kao(be, obj);
        obj.messige.score = 9999999999;

        console.log(obj); //messige: {sex: "男", score: 9999999999}

        console.log(be); //messige: {sex: "男", score: 16}

快速实现深拷贝方式二(这种方式有一定的弊端,不推荐使用):

   let ar = {
            name:'zs',
            age:19,
            progeny:{
                name:'son',
                age:18
            }
        };
        let obj = JSON.parse(JSON.stringify(ar));
      
        ar.progeny.age = 9999999999999999;
         console.log(ar); // {name: "son", age: 10000000000000000}  就贴出一部分打印内容
        console.log(obj); //progeny: {name: "son", age: 18}

本文地址:https://blog.csdn.net/weixin_47988564/article/details/107483539

相关标签: js javascript