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;
}

你可能感兴趣的:(javaScript的浅拷贝与深拷贝,一个面试中常见的知识点。)