js面试积累之深拷贝

关于深拷贝是一个人们津津乐道的问题，面试也是很常见的，本人在面试遇到这个问题回答的不是很清楚，可能因为本身自己就不是很清楚，现在将自己查过资料以后的理解记录在这里，欢迎大家指导！
js对象的深拷贝：我们知道在JavaScript中，引用类型指向堆内存，非引用类型指向栈内存，有时候我们需要原始数据的拷贝，但会在无形之中影响到原始数据，比如拿到了一份引用类型的赋值，由于在赋值时引用类型拿到的只是原始数据的地址引用，在对他进行修改是也会影响原始数据，所以要对引用数据类型进行深层次的拷贝。接下来讲深拷贝的实现方法：

1. 最简单粗暴的实现方法：JSON.stringfy(),JSON.parse()；

	var syb = Symbol('obj');
	var person = {
	   name :'cindy',
	   say: function(){
	      console.log('hi');
	   },
	   ok: syb,
	   un: undefined
	}
	var copy = JSON.parse(JSON.stringify(person))
	console.log(copy);
	// {name: "cindy"}

由上述代码也可看出，这种方法有缺陷，即当值为undefined、function、symbol 会在转换过程中被忽略。。。所以，对象值有这三种的话用这种方法会导致属性丢失。

2. 下来可以采用递归的方法封装了一个函数：

function deepCopy(obj) {
      var result = Array.isArray(obj) ? [] : {};
      for (var key in obj) {
        if (obj.hasOwnProperty(key)) {
          if (typeof obj[key] === 'object') {
            result[key] = deepCopy(obj[key]);   //如果是对象，递归复制
          } else {
            result[key] = obj[key];
          }
        }
      }
      return result;
    }

3. 针对数组ES6提供了两种复制方法：

   （1）Array.from(要复制的数组);

    var arr1=[1,2,3];
	var arr2=Array.from(arr1);
	arr1.push(4);
	alert(arr1);  //1234
	alert(arr2);  //123
	arr2.push(5);
	alert(arr1);  //1234
	alert(arr2);  //1235

(2) 这样就能使数组实现深拷贝而不影响原数组了。第二种方法是结合es6中的参数扩展来实现：用…

    var arr1=[1,2,3];
	var arr2=[...arr1];
	arr1.push(4);
	alert(arr1);  //1234
	alert(arr2);  //123
	arr2.push(5);
	alert(arr1);  //1234
	alert(arr2);  //1235

第二种这个方法也可以用在函数的行参上面。

function show(...arr1){  //直接来复制arguments这个伪数组，让它变成真正的数组，从而拥有数组的方法。
  alert(arr1); //1234
  arr1.push(5);
  alert(arr1); //12345
}
show(1,2,3,4)

或者是通过循环来复制：

var arr1=[1,2,3,4];
var arr2=[];
for(var i=0; i<arr1.length; i++){
  arr2[i]=arr1[i];
}
arr1.push(5);
arr2.push(6);
alert(arr1); //12345
alert(arr2); //12346

JSON对象也可以用循环来复制：

var json1={"name":"cindy","age":21,"job":"前端开发"};
var json2={};
for(var proto in json1){				//遍历对象
  json2[ptoto]=json1[proto];
}
alert(JSON.stringify(json1)); //{"name":"cindy","age":21,"job":"前端开发"};
alert(JSON.stringify(json2)); //{{"name":"cindy","age":21,"job":"前端开发"};
json1.a=1;
json2.b=2;
alert(JSON.stringify(json1)); //{"name":"cindy","age":21,"job":"前端开发","a":1}
alert(JSON.stringify(json2)); //{"name":"cindy","age":21,"job":"前端开发","b":2}

综上所述就是深拷贝的几种常用方法啦~