全栈技术博客-文章详情

js如何拷贝元数据后，更改数据不对元数据有影响

最后更新时间：2025-08-28 18:55:40

### js如何克隆原先数据，更改克隆后的数据而不改变原来的数据
```js
var function cloneObjectFn (obj){
    return JSON.parse(JSON.stringify(obj))
}

var obj1={a:2,b{c:0}}
var obj2=cloneObjectFn(obj1)
console.log(obj2)    // {a:2,
```

### 定义一个深拷贝函数  接收目标target参数
```js
function deepClone(target) {
    // 定义一个变量
    let result;
    // 如果当前需要深拷贝的是一个对象的话
    if (typeof target === 'object') {
        // 如果是一个数组的话
        if (Array.isArray(target)) {
            result = []; // 将result赋值为一个数组，并且执行遍历
            for (let i in target) {
                // 递归克隆数组中的每一项
                result.push(deepClone(target[i]))
            }
         // 判断如果当前的值是null的话；直接赋值为null
        } else if (target === null) {
            result = null;
         // 判断如果当前的值是一个RegExp对象的话，直接赋值 
        } else if (target.constructor === RegExp) {
            result = target;
        } else {
            // 否则是普通对象，直接for in循环，递归赋值对象的所有值
            result = {};
            for (let i in target) {
                result[i] = deepClone(target[i]);
            }
        }
    } else {
        // 如果不是对象的话，就是基本数据类型，那么直接赋值
        result = target;
    }
    // 返回最终结果
    return result;
}
```

js如何拷贝元数据后，更改数据不对元数据有影响

留言条数·0