深拷贝js

本文介绍了一个用于实现深拷贝的JavaScript函数,并附带一个辅助查找函数。深拷贝函数可以递归地复制对象及其属性,避免原始对象被修改。此外,还提供了一个简单查找函数,用于从列表中根据条件筛选出第一个匹配项。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

     function find(list, f) {
        return list.filter(f)[0]
      }
      export function deepCopy(obj, cache = []) { 
        // just return if obj is immutable value 
        if (obj === null || typeof obj !== 'object') { return obj }
         // if obj is hit, it is in circular structure 
         const hit = find(cache, c => c.original === obj) 
         if (hit) { 
           return hit.copy; 
        } 
         const copy = Array.isArray(obj) ? [] : {} 
         // put the copy into cache at first 
         // because we want to refer it in recursive deepCopy 
         cache.push({ original: obj, copy }); 
          Object.keys(obj).forEach(key => { copy[key] = deepCopy(obj[key], cache) }); 
          return copy; 
         }
     
JavaScript中实现深拷贝的方法多种多样,每种方法都有其适用场景及局限性。以下是几种常见的实现方式: - **使用JSON.parse和JSON.stringify组合** 这是一种最简单且代码量最少的深拷贝方法,适用于对象中不包含函数、undefined等特殊值的情况。由于JSON格式不支持函数和某些数据类型,因此这种方法不能处理包含这些元素的对象。 示例代码如下: ```javascript let a = {a:1, b:2}; let b = JSON.parse(JSON.stringify(a)); a.a = 11; console.log(a); // {a:11, b:2} console.log(b); // {a:1, b:2} ``` - **利用扩展运算符** 扩展运算符提供了一种简洁的方式来创建对象的浅拷贝,当对象是一维结构时,这也可以视为深拷贝。然而,对于嵌套对象,它只能实现浅拷贝的效果[^2]。 示例代码如下: ```javascript let a = {a:1, b:2}; let b = {...a}; a.a = 11; console.log(a); // {a:11, b:2} console.log(b); // {a:1, b:2} ``` - **递归函数实现** 为了克服上述方法的限制,特别是处理包含复杂数据类型的对象时,可以通过编写递归函数来实现真正的深拷贝。这种方法能够处理大多数数据结构,包括嵌套对象和数组等。 示例代码如下: ```javascript function deepClone(obj) { if (obj === null || typeof obj !== 'object') return obj; let copy = Array.isArray(obj) ? [] : {}; for (let key in obj) { if (obj.hasOwnProperty(key)) { copy[key] = deepClone(obj[key]); } } return copy; } let a = {a:1, b:{c:2}}; let b = deepClone(a); a.b.c = 11; console.log(a); // {a:1, b:{c:11}} console.log(b); // {a:1, b:{c:2}} ``` - **jQuery的extend方法** 如果项目中已经引入了jQuery库,那么可以利用`$.extend()`方法来实现深拷贝。此方法允许指定一个布尔值作为第一个参数,指示是否执行深拷贝。 示例代码如下: ```javascript let a = {a:1, b:{c:2}}; let b = {}; $.extend(true, b, a); a.b.c = 11; console.log(a); // {a:1, b:{c:11}} console.log(b); // {a:1, b:{c:2}} ``` 以上方法各有千秋,选择合适的方法取决于具体的应用场景和需求。例如,如果对象结构较为简单,推荐使用JSON.parse和JSON.stringify组合;而对于结构复杂的对象,则建议采用递归函数或jQuery的extend方法实现深拷贝
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值