前端开发面试题 如何实现一个深拷贝

在前端开发中，实现深拷贝是一种常见的需求，特别是在处理复杂数据结构，比如对象数组、嵌套对象等，需要避免源对象修改对新复制的对象有影响的时候。这里有几个常用的实现深拷贝的方式：

1. **`JSON.parse()` 和 `JSON.stringify()`**:
对于简单的JavaScript对象，可以先转化为JSON字符串，再解析回新的JavaScript对象，因为JSON本身是浅拷贝，但在这种纯键值对的情况下会自动变成深拷贝。

let obj = { a: { b: [1, 2] } };
let deepCopy = JSON.parse(JSON.stringify(obj));

2. **递归函数**:
使用递归函数遍历并复制每一个属性，如果遇到对象，则再次递归处理。这种方法适用于任何复杂的嵌套结构。

function deepClone(obj) {
    if (obj instanceof RegExp) return new RegExp(obj);
    if (obj instanceof Date) return new Date(obj);
    let clone = Array.isArray(obj) ? [] : {};
    for(let key in obj) {
        if (obj.hasOwnProperty(key)) {
            clone[key] = deepClone(obj[key]);
        }
    }
    return clone;
}

3. **利用lodash库的_.cloneDeep()**:
如果项目已经引入了lodash或其他支持深拷贝的库，可以直接使用它们提供的函数。

import _ from 'lodash';
let deepCopy = _.cloneDeep(obj);