javaScript的浅拷贝与深拷贝,一个面试中常见的知识点。

浅拷贝和深拷贝就是对对数据进行复制,那么它们的区别是什么呢?
  1. 浅拷贝:复制“一层”对象的属性,所谓的一层是指,对于数据中的引用类型复制的是其引用地址(也就是指针)。修改一个对象的属性,会改变另一个对象的属性。
  2. 深拷贝:逐层复制对象的属性,对于数据中的引用类型重新开辟一个内存空间,两个对象对应不用的地址,修改一个对象的属性,不会改变另一个对象的属性。
实现方法 --- 函数
  1. 浅拷贝:Array.cancat()Array.splice()Object.assign()
let array_concat = array.concat([4]); //浅拷贝 引用数据的改动受影响,添加删除原数组不受影响
let array_slice = array.slice(0); //浅拷贝 引用数据的改动受影响,添加删除原数组不受影响
  1. 深拷贝:JSON.parse( JSON.stringify() )
实现方法 --- 原生代码
  1. 浅拷贝
function simpleClone() {
    Object.assign = Object.assign || function() {
        if(arguments.length === 0) throw new TypeError('Cannot convert undefined or null to object.') 
    };
    let target = arguments[0], args = Array.prototype.slice.call(arguments, 1), key;
    args.forEach((item) => {
        for(key in item) {
            item.hasOwnProperty(item[key]) && (target[key] = item[key]);
        }
    });
    return target;
}
  1. 深拷贝
function isType(type) {
    let ret = Object.prototype.toString.call(type);
    switch(ret) {
        case "[object Array]":
            return "数组";
        ccase "[object Object]":
            reutrn "对象";
    }
}
function deepClone(deep, target = {}) {
    if(isType(deep) === "数组") {
        deep = Array.prototype.slice.call(deep);
        deep.map(item => {
            return isType(item) === "对象" ? deepClone(item) : item;
        });
    } else if(isType(deep) === "对象") {
        for(let key in deep) {
            deep.hasOwnproperty(key) && 
            (isType(deep[key]) === "对象" ? 
            target[key] = deepClone(deep[key]) : 
            target[key] = deep[key]);
        }
    }
    return target;
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 什么是深拷贝,什么是浅拷贝 说到深浅拷贝,就不得不提到另外一个知识点,那就是引用类型和基本类型以及堆和栈的区别。再...
    jeff_nz阅读 4,449评论 0 0
  • 前言 文章开始之前,让我们先思考一下这几个问题: 为什么会有浅拷贝与深拷贝 什么是浅拷贝与深拷贝 如何实现浅拷贝与...
    编程小世界阅读 1,864评论 0 0
  • 值类型与引用类型 谈浅拷贝与深拷贝之前,我们需要先理清一个概念,即值类型与引用类型。 什么是值类型与引用类型?这要...
    franose阅读 3,749评论 1 8
  • 写在前面 各类技术论坛关于深拷贝的博客有很多,有些写的也比我好,那为什么我还要坚持写这篇博客呢,之前看到的一篇博客...
    心_c2a2阅读 21,435评论 3 18
  • 他老是念叨说一个女孩子坐的那电车那么脏,都不洗洗。我都不在意电车。今天他却帮我洗电车了。他还弄了宵夜,煮了蛋粥。可...
    爱元若哥哥阅读 1,306评论 0 1

友情链接更多精彩内容