j s中深拷贝和浅拷贝
时间: 2024-04-16 12:14:59 浏览: 97
js中的深拷贝和浅拷贝总结
5星 · 资源好评率100%
在 JavaScript 中,对象是通过引用来传递的,这意味着当你复制一个对象时,实际上只是复制了对象引用,而不是对象本身。因此,在对对象进行更改时,原始对象和复制的对象都会受到影响。这就是所谓的浅拷贝。
深拷贝是一种创建完全独立于原始对象的新对象的方法。这意味着,当你对新对象进行更改时,原始对象不受影响。
在 JavaScript 中,有多种方法可以进行深拷贝和浅拷贝。以下是一些常见的方法:
浅拷贝:
1. Object.assign(target, ...sources): 将所有可枚举属性的值从一个或多个源对象复制到目标对象。该方法只会复制源对象的第一层属性,如果源对象的属性值是对象或数组,则只会复制其引用。
2. spread operator(展开运算符): ...obj 将对象 obj 展开成一个新的对象。该方法与 Object.assign() 类似,只会复制源对象的第一层属性,如果源对象的属性值是对象或数组,则只会复制其引用。
3. Array.prototype.slice(): 用于创建一个新数组,该数组是原始数组的一个浅拷贝。该方法只适用于数组,而不适用于对象。
深拷贝:
1. JSON.parse(JSON.stringify(obj)): 将对象转换为 JSON 字符串,然后再将 JSON 字符串转换回对象。该方法可以实现深拷贝,但是有一些限制,例如无法复制函数、循环引用等。
2. Lodash: Lodash 是一个 JavaScript 工具库,提供了深拷贝和浅拷贝等多种实用功能。其中,_.cloneDeep(obj) 可以实现深拷贝。
阅读全文