js实现深浅拷贝方法

来源：动视网责编：小采时间：2020-11-27 19:59:23

js实现深浅拷贝方法

js实现深浅拷贝方法:说起深浅拷贝，我觉得需要理清楚值类型和引用类型，本文主要和大家分享js实现深浅拷贝方法，希望能帮助到大家。值类型所谓值类型就是 undefined，null，number， string ，boolean 等五种基本数据类型，应该还有一个Symbol类型。值类型的数据存储

推荐度：

点击下载本文 文档为doc格式

导读js实现深浅拷贝方法:说起深浅拷贝，我觉得需要理清楚值类型和引用类型，本文主要和大家分享js实现深浅拷贝方法，希望能帮助到大家。值类型所谓值类型就是 undefined，null，number， string ，boolean 等五种基本数据类型，应该还有一个Symbol类型。值类型的数据存储

var str = 'abc'str[0] = 'd'console.log(str) // 'abc'

值类型的比较是对值的比较
值类型的比较是值的比较，只要它们的值相等就认为他们是相等的

var a = 1;var b = 1;console.log(a === b);//true

引用类型

引用类型的数据存放在堆内存中
引用类型的值存放在堆内存中，变量保存的是一个存放在栈内存，指向堆内存的指针。

var person1 = {name:'jozo'};var person2 = {name:'xiaom'};var person3 = {name:'xiaoq'};

引用类型的值可以改变
引用类型是可以直接改变其值的

 var a = [1,2,3];
 a[1] = 5;
 console.log(a[1]); // 5

引用类型的比较是引用的比较
所以每次我们对 js 中的引用类型进行操作的时候，都是操作其对象的引用（保存在栈内存中的指针），所以比较两个引用类型，是看其的引用是否指向同一个对象。

var a = [1,2,3];var b = [1,2,3];console.log(a === b); // falsevar a = [1, 2, 3]var b = aconsole.log(a === b) // true

传值与传址

了解了基本数据类型与引用类型的区别之后，我们就应该能明白传值与传址的区别了。
在我们进行赋值操作的时候，基本数据类型的赋值（=）是在内存中新开辟一段栈内存，然后再把再将值赋值到新的栈中

var a = 10;var b = a;

a ++ ;
console.log(a); // 11console.log(b); // 10

所以说，基本类型的赋值的两个变量是两个独立相互不影响的变量。

但是引用类型的赋值是传址。只是改变指针的指向，例如，也就是说引用类型的赋值是对象保存在栈中的地址的赋值，这样的话两个变量就指向同一个对象，因此两者之间操作互相有影响。

var a = {}; // a保存了一个空对象的实例var b = a; // a和b都指向了这个空对象a.name = 'jozo';
console.log(a.name); // 'jozo'console.log(b.name); // 'jozo'b.age = 22;
console.log(b.age);// 22console.log(a.age);// 22console.log(a == b);// true

浅拷贝

实现：

function shallowCopy (src) {
 let new = {} for (let i in src) { if (src.hasOwnProperty(i)) { new[i] = src[i]
 }
 } return new}

深拷贝

一种骚操作是利用JSON.parse 和 JSON.stringify

var a = {
 name: 'SpawN',
 age: 28}var b = JSON.parse(JSON.stringify(a))
b.name = 'Johnny.R'console.log(a.name) // 'SpawN'

另外一种是科班操作，也就是常规操作，就是利用递归，来遍历目标对象下的所有属性

function deepCopy(obj) {
 if (typeof obj !== 'object') return
 // 初始化
 var newObj = obj instanceof Array ? [] : {} for (let k in obj) { if (obj.hasOweProperty(k)) {
 newObj[k] = typeof obj[k] === 'object' ? agruments.callee(obj[k]) : obj[k]
 }
 } return newObj
}

这里仅仅是实现了基本的深拷贝，对一些边界并没有进行妥善的处理。基本思路就是通过for in 循环，当值为对象的时候，再递归进行for in循环。