对象的拷贝

layout: post
title: 对象(数组)的拷贝
date: 2017-08-31 16:10:17
tags: 学习

老生常谈

都是很老的问题了，为啥还要写，网上搜索一大堆。其实是有个小故事的，第一次面试的时候，面试官就给我出了一个拷贝的题，奈何我当时还是小白。。。什么都不懂，现在过了接近一年，刚好看到相关的东西，就顺道总结一下。

what is clone

对象拷贝（也叫复制），得到一个与已知对象看起来"相同的对象",但是本质上不是一个对象，也不是同一个引用。如果只复制一层，就叫浅复制，对象经常是多层，多层的就是深复制。

浅拷贝(shallow clone)

第一时间想到的就是遍历

const shallowClone = (current) => {
    let obj = {}
    for(let i in current){
        if(src.hasOwnProperty(i)){   // 只遍历本身的属性
            obj[i] = current[i]
        } 
    }
    return obj
}
let cur = {a:1,b:2}
console.log(shallowClone(cur))

深拷贝(deep clone)

网上大牛写的挺多的，序列化啥的。不考虑特殊情况，递归遍历应该是基本可以满足要求的，但是仅仅是基础实现，涉及到原型链上的方法之类的，暂时不作讨论。

let cur = {a:1,b:{c:2,d:{e:3}},c:function(){return 1+2 }}

const deepClone = (current) => {
    let obj = {}
    for(let i in current){
        if(current.hasOwnProperty(i)){
            obj[i] = typeof(current[i]) === 'object' ? deepClone(current[i]) : current[i]
        }
    }
    return obj
}

console.log(deepClone(cur))

还有大家公认的方法啦，弊端就是没有方法,null,undefined这些了。
Json的方法

let obj = {a:1,b:{c:2,d:{e:3}},c:function(){return 1+2 }}
let target = Json.parse(Json.stringfy(obj))
target //  {a:1,b:{c:2,d:{e:3}}} copy不了里面的方法

数组的clone

比较简单的就是split(0) 和 concat() 了，这2个方法都是没有side effects。
其他遍历的方法应该也是ok的，但是深clone可能会比较烦啦 ~~~~