JS中关于数组对象的深浅合并

数组对象的深浅合并

  • 浅合并:只会把没有冲突的属性合并上,对于有冲突的属性,后者会完全覆盖前者的属性值,且只会合并第一层

  • 深合并:对于有冲突的属性,会把将两个属性值进行合并,而不是简单的让谁覆盖谁

function deepMearge(obj, target={}) {
    // target 替换 obj
    let p = {}; // 是为了调用 Object.prototype.toSring方便
    for(let key in target) {
      let isA = p.toString.call(obj[key]) === '[object Object]',
          isB = p.toString.call(target[key]) === '[object Object]';
      if(isA && isB) {
        obj[key] = deepMearge(obj[key], target[key])
      } else if(Array.isArray(obj[key]) && Array.isArray(target[key])){
        // Array.from 方法可以把一个类数组对象转为数组
        obj[key] = Array.from(new Set(obj[key].concat(target[key]))
        )
      } else {
        obj[key] = target[key];
      }
    }
    return obj;
  }
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
赋值是指将一个变量的值赋给另一个变量,二者指向同一个内存地址。示例代码如下: ``` let a = [1, 2, 3]; let b = a; console.log(a); // [1, 2, 3] console.log(b); // [1, 2, 3] b.push(4); console.log(a); // [1, 2, 3, 4] console.log(b); // [1, 2, 3, 4] ``` 上述代码,由于b直接指向了a的内存地址,所以对b进行修改也会影响到a。这就是赋值的情况。 拷贝是指创建一个新的对象数组,但只复制了对象数组的引用,而不是复制其的内容。示例代码如下: ``` let obj = {name: 'Alice', age: 20}; let copy = Object.assign({}, obj); console.log(obj); // {name: 'Alice', age: 20} console.log(copy); // {name: 'Alice', age: 20} copy.age = 25; console.log(obj); // {name: 'Alice', age: 20} console.log(copy); // {name: 'Alice', age: 25} ``` 在上述代码,通过`Object.assign`方法将obj的属性复制到新对象copy,但是只是复制了引用,并没有复制其的属性值。因此,对copy进行修改不会影响到原来的obj对象。 深拷贝是指创建一个新的对象数组,并且递归地复制了对象数组的所有内容,包括嵌套的对象数组。示例代码如下: ``` let arr = [1, 2, [3, 4]]; let deepCopy = JSON.parse(JSON.stringify(arr)); console.log(arr); // [1, 2, [3, 4]] console.log(deepCopy); // [1, 2, [3, 4]] deepCopy[2][0] = 5; console.log(arr); // [1, 2, [3, 4]] console.log(deepCopy); // [1, 2, [5, 4]] ``` 在上述代码,通过`JSON.stringify`和`JSON.parse`方法实现了深拷贝。新的deepCopy数组完全独立于原来的arr数组,因此对deepCopy进行修改不会影响到原来的arr数组。 总结起来,赋值只是简单地将变量的值赋给另一个变量,二者指向同一个内存地址;拷贝只复制了对象数组的引用,对新对象的修改会影响到原始对象;深拷贝递归地复制了对象数组的所有内容,新对象与原始对象完全独立。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值