js 浅拷贝和深拷贝

JS中的浅拷贝和深拷贝是指在复制对象时，是否复制对象内部的引用类型数据。浅拷贝只复制对象的引用，而不是对象内部的数据，因此当原对象内部的数据发生变化时，浅拷贝出来的对象也会发生变化。深拷贝则是完全复制了对象内部的数据，因此即使原对象内部的数据发生变化，深拷贝出来的对象也不会受到影响。

JS中实现浅拷贝的方法有：Object.assign()、展开运算符(...)、Array.prototype.slice()等。实现深拷贝的方法有：JSON.parse(JSON.stringify())、递归复制等。

需要注意的是，使用JSON.parse(JSON.stringify())进行深拷贝时，会忽略掉对象中的函数、undefined、Symbol等数据类型。

相关问题

js深拷贝和浅拷贝

JS中的数据类型分为两种：基本数据类型和引用数据类型。

基本数据类型包括：Number、String、Boolean、null、undefined、。

引用数据类型包括：Object、Array、Function等。

在JS中，对于基本数据类型的赋值、传参等操作，都是按值传递的，即复制一份值到新的变量中。而对于引用数据类型，赋值、传参等操作则是按引用传递的，即新的变量和原始变量指向同一个对象，对于其中一个变量的修改会影响到另一个变量。

因此，深拷贝和浅拷贝就是针对引用数据类型的复制方式而言的。

浅拷贝是指复制一个对象的引用，新的对象和原始对象共享同一块内存空间，对其中一个对象的修改会影响到另一个对象。常见的浅拷贝方式包括：Object.assign()、Array.slice()、Array.concat()等。

例如：

let obj1 = {a: 1, b: 2};
let obj2 = obj1;
obj2.a = 3;
console.log(obj1); // 输出 {a: 3, b: 2}

深拷贝是指复制一个对象的副本，新的对象和原始对象不共享内存空间，对其中一个对象的修改不会影响到另一个对象。常见的深拷贝方式包括：JSON.parse(JSON.stringify())、递归复制等。

例如：

let obj1 = {a: 1, b: {c: 2}};
let obj2 = JSON.parse(JSON.stringify(obj1));
obj2.b.c = 3;
console.log(obj1); // 输出 {a: 1, b: {c: 2}}

需要注意的是，使用JSON.parse(JSON.stringify())进行深拷贝时，会忽略对象中的函数、正则表达式等类型。此外，如果对象中存在循环引用，使用递归复制时也会导致死循环等问题。因此，在实际应用中，需要根据需要选择合适的拷贝方式。

js 深拷贝的使用方法

以下是JS实现数组深拷贝的两种方法：

1.使用JSON.parse()和JSON.stringify()方法

let arr1 = [1, 2, [3, 4]];
let arr2 = JSON.parse(JSON.stringify(arr1));
arr2[2][0] = 5;
console.log(arr1); // 输出：[1, 2, [3, 4]]
console.log(arr2); // 输出：[1, 2, [5, 4]]

2.使用递归实现深拷贝

function deepClone(obj) {
  if (typeof obj !== 'object' || obj === null) {
    return obj;
  }
  let result = Array.isArray(obj) ? [] : {};
  for (let key in obj) {
    if (Object.prototype.hasOwnProperty.call(obj, key)) {
      result[key] = deepClone(obj[key]);
    }
  }
  return result;
}

let arr1 = [1, 2, [3, 4]];
let arr2 = deepClone(arr1);
arr2[2][0] = 5;
console.log(arr1); // 输出：[1, 2, [3, 4]]
console.log(arr2); // 输出：[1, 2, [5, 4]]