js object copy
JavaScript 对象复制是指创建一个新的对象，并将原对象的所有属性和值复制到新对象中。对象复制在编程中非常重要，因为它允许我们在不影响原始对象的情况下操作新对象。
基础概念
在 JavaScript 中，对象是通过引用传递的。这意味着如果你直接将一个对象赋值给另一个变量，两个变量实际上会引用同一个对象。为了创建一个完全独立的对象副本，我们需要进行深拷贝或浅拷贝。
类型
- 浅拷贝（Shallow Copy）：
- 只复制对象的第一层属性。
- 如果属性是基本类型，则直接复制其值；如果是引用类型，则复制引用。
- 深拷贝（Deep Copy）：
- 复制对象的所有层级属性。
- 确保所有嵌套的对象和数组都被完全复制，从而形成完全独立的新对象。
应用场景
- 避免修改原始数据：当你需要处理数据但不想影响原始数据时，可以使用对象复制。
- 函数参数传递：在函数间传递大型对象时，为了避免副作用，通常会进行复制。
实现方法
浅拷贝示例
let originalObj = { a: 1, b: { c: 2 } };
let shallowCopy = { ...originalObj }; // 使用扩展运算符
// 或者使用 Object.assign()
let shallowCopy2 = Object.assign({}, originalObj);
// 修改浅拷贝中的嵌套对象会影响原对象
shallowCopy.b.c = 3;
console.log(originalObj.b.c); // 输出 3深拷贝示例
let originalObj = { a: 1, b: { c: 2 } };
// 使用 JSON 方法进行深拷贝（注意：这种方法有局限性，例如不能复制函数和循环引用）
let deepCopy = JSON.parse(JSON.stringify(originalObj));
// 或者使用递归函数实现深拷贝
function deepClone(obj) {
if (obj === null || typeof obj !== 'object') return obj;
let clone = Array.isArray(obj) ? [] : {};
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
clone[key] = deepClone(obj[key]);
}
}
return clone;
}
let deepCopy2 = deepClone(originalObj);
// 修改深拷贝中的嵌套对象不会影响原对象
deepCopy.b.c = 4;
console.log(originalObj.b.c); // 输出 3遇到的问题及解决方法
问题：使用 JSON.parse(JSON.stringify(obj)) 进行深拷贝时，遇到函数或循环引用会失败。
解决方法：
- 对于复杂对象，可以使用第三方库如
lodash的_.cloneDeep()方法。 - 自定义深拷贝函数时，需要添加逻辑来处理循环引用。
const _ = require('lodash');
let originalObjWithFunc = { a: 1, b: { c: 2 }, d: function() { console.log('function'); } };
let deepCopyWithLodash = _.cloneDeep(originalObjWithFunc);通过以上方法，可以有效地进行 JavaScript 对象的复制，并根据不同的需求选择合适的拷贝方式。
相关·内容
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
