js如何拷贝copy数组或对象

场景

在项目中经常有拷贝对象的情况，由于直接进行转移赋值只对基础类型的数据对象（eg:String，number）可以进行，对于引用类型的对象就不适用了，直接进行赋值只是对于指针的指向。

对于数组，且是简单数组（不是多层嵌套）的拷贝

对于简单的数组（不是多层嵌套）可以直接使用js的api就可以实现，相关api有：concat，slice，或者使用es6的…展开运算符。

对于对象，且是简单对象（不是多层嵌套）的拷贝

可以使用：Object.assign()方法或者使用es6的…展开运算符。

多层嵌套的复杂对象或数组深度拷贝

• 使用JSON.parse和JSON.stringify实现拷贝

var obj1 = {a:{a:{a:1}},b:[1,2]};
var obj2 = JSON.parse(JSON.stringify(obj1));
console.log(obj2)
obj1.a.a=2;
obj2.a.a=3
console.log(obj1);
console.log(obj2);

这里可以实现深度拷贝，但由于JSON.stringify方法对于funtion、undefined、symbol会在转换中被忽略，所以会造成这些属性的缺失。

• 使用深度遍历来进行实现拷贝

let _toString = Object.prototype.toString
//类型字典
let map = {
  array: 'Array',
  object: 'Object',
  function: 'Function',
  string: 'String',
  null: 'Null',
  undefined: 'Undefined',
  boolean: 'Boolean',
  number: 'Number'
}
//获取数据类型
let getType = (item) => {
  return _toString.call(item).slice(8, -1)
}
//判断类型
let isTypeOf = (item, type) => {
  return map[type] && map[type] === getType(item)
}

//visitedArr储存所有数据以判断是否存在环状数据
let deepClone = (obj, visitedArr = []) => {
  let _obj = {};
  if (isTypeOf(obj, 'array') || isTypeOf(obj, 'object')) {
    let index = visitedArr.indexOf(obj);
    _obj = isTypeOf(obj, 'array') ? [] : {};
    //~位非运算实际上就是对数字进行取负运算，再减 1
    if (~index) { // 判断环状数据
      _obj = visitedArr[index];
    } else {
      visitedArr.push(obj);
      for (let item in obj) {
      	//递归调用深度遍历
        _obj[item] = deepClone (obj[item], visitedArr);
      }
    }
  } else if (isTypeOf(obj, 'function')) {
    _obj = eval('(' + obj.toString() + ')');
  } else {
    _obj = obj;
  }
  return _obj;
}

总结

不同业务场景采用不同的方法，当然如果你使用了jquery可直接用$.extend方法来解决。