js浅拷贝以及实现深度克隆对象几种优雅的方法,BAT面试&高级进阶
JavaScript中实现浅克隆对象的方法有很多种,以下是几种常见的方法:
- 使用扩展运算符(
...
)
const shallowClone = obj => ({...obj});
- 使用
Object.assign()
const shallowClone = obj => Object.assign({}, obj);
实现深度克隆对象可以使用JSON.parse(JSON.stringify())
,但这种方法不能处理函数、undefined、循环引用等情况,适用于简单的数据深度克隆。
针对更复杂的数据结构,可以递归地实现深度克隆,例如:
function deepClone(obj) {
if (obj === null || typeof obj !== 'object') {
return obj;
}
if (obj instanceof Date) {
return new Date(obj.getTime());
}
if (obj instanceof Array) {
return obj.reduce((arr, item, i) => {
arr[i] = deepClone(item);
return arr;
}, []);
}
if (obj instanceof Object) {
return Object.keys(obj).reduce((newObj, key) => {
newObj[key] = deepClone(obj[key]);
return newObj;
}, {});
}
}
请注意,这个深度克隆函数没有处理函数、正则表达式和DOM节点的情况。实际应用时可能需要根据具体情况进行扩展。
评论已关闭