js/浅层克隆/深层克隆/拷贝

最新推荐文章于 2023-02-28 14:31:27 发布

浅浅海鸥

最新推荐文章于 2023-02-28 14:31:27 发布

阅读量114

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/Sunset_Sunshine/article/details/115616817

版权

js 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

本文详细介绍了JavaScript中的浅层克隆和深层克隆的概念及其实现方式。通过实例展示了浅层克隆如何导致引用值的问题，并提供了对应的解决方案——深层克隆。此外，还讲解了三目运算符的使用以及字符串比较的规则。对于理解JavaScript中对象复制的原理和实践具有指导意义。

摘要由CSDN通过智能技术生成

克隆

浅层克隆

浅层克隆，引用值拷贝，另一个也变。

            let obj = {
                name : 'abc',
                age : 123,
                sex : 'female',
                card : ['aa','bb']
            }

            let obj1 ={}

            function clone(orgin,target){
                let target = target || {}
                for(let prop in origin){
                    target[prop] = origin[prop];
                }
            }
            clone(obj,obj1);

深层克隆

解决浅层克隆，引用值的问题

            let obj = {
                name : 'abc',
                age : 123,
                sex : 'female',
                card : ['aa','bb']
            }

            let obj1 ={}

            function deepClone(origin,target){
                let target = target || {},
                    toStr = Object.prototype.toString()
                    arrStr = '[object Array]';

                 for(let prop in origin ){
                     if(origin.hasOwnProperty(prop)){
                        if(origin[prop] !== 'null' && typeof(origin[prop]) == 'object'){
                            if(toStr.call(origin[prop]) == arrStr){
                                target[prop] = [];
                            }else{
                                target[prop] = {};
                            }
                            deepClone(origin[prop],target[prop])
                        }else{
                            target[prop] = origin[prop];
                        }



                     }
                 }   
                 return target;
            }