js深拷贝浅拷贝区别
时间: 2023-11-09 20:03:02 浏览: 42
JS中的浅拷贝和深拷贝是指在复制对象时,是否复制对象内部的引用类型数据。浅拷贝只复制对象的引用,而不是对象本身,因此当原对象内部的引用类型数据发生变化时,浅拷贝的对象也会发生变化。而深拷贝则会递归地复制对象及其内部所有引用类型数据,因此不会受到原对象内部数据变化的影响。
实现浅拷贝的方法有:Object.assign()、展开运算符(...)、Array.prototype.slice()等。
实现深拷贝的方法有:手写递归函数、JSON.parse(JSON.stringify(obj))、lodash库中的_.cloneDeep()等。
相关问题
js深拷贝浅拷贝面试题
在JavaScript中,深拷贝和浅拷贝是针对引用数据类型而言的。浅拷贝只是复制了引用,即两个变量指向同一块内存空间,因此彼此之间的操作会相互影响。常见的浅拷贝方式包括赋值操作符(=)、Array.prototype.concat()、Array.prototype.slice()等。
而深拷贝则是在堆中重新分配内存,创建一个新的对象,两个变量指向的是不同的内存空间,相互之间不会相互影响。在深拷贝中,不仅复制了对象本身,还会递归复制其所有的嵌套对象。常见的深拷贝方式包括JSON.parse(JSON.stringify(obj))、Lodash的_.cloneDeep()等。
需要注意的是,浅拷贝和深拷贝并没有绝对的界限,取决于拷贝的对象的结构和属性。有些情况下,即使使用深拷贝方式,也无法完全实现深拷贝,例如循环引用的对象。
在面试中,可能会问到深拷贝和浅拷贝的相关问题,常见的面试题包括如何实现深拷贝、如何避免浅拷贝等。对于这些问题,你可以提到常用的深拷贝方式,如JSON.parse(JSON.stringify(obj))和Lodash的_.cloneDeep(),并注意提及它们的局限性。另外,你也可以举例说明浅拷贝和深拷贝的区别和应用场景,以展示你对深浅拷贝的理解和掌握程度。
js深拷贝跟浅拷贝区别
深拷贝和浅拷贝是在 JavaScript 中常用的两种对象复制方式。
浅拷贝是指在复制对象时,只复制了对象的引用而不是对象本身。换句话说,拷贝后的对象和原始对象引用了同一块内存地址。当修改其中一个对象的属性时,另一个对象的属性也会随之改变。
深拷贝是指在复制对象时,创建了一个全新的对象并将原始对象的所有属性值逐个复制到新对象中。这样,拷贝后的对象和原始对象是完全独立的,彼此之间的修改互不影响。
下面是一个示例:
```javascript
// 浅拷贝示例
let person = { name: "Alice", age: 25 };
let shallowCopy = person; // 浅拷贝
shallowCopy.age = 30;
console.log(person.age); // 输出 30,原始对象改变
// 深拷贝示例
let deepCopy = JSON.parse(JSON.stringify(person)); // 深拷贝
deepCopy.age = 35;
console.log(person.age); // 输出 30,原始对象未改变
console.log(deepCopy.age); // 输出 35,深拷贝对象独立修改
```
在实际开发中,根据需求选择合适的拷贝方式非常重要。浅拷贝可以节省内存,但可能会引发意外的修改,而深拷贝则可以确保对象彼此独立。