js实现数组对象去重(包括里面的所有属性)、判断数组以及对象中的内容是否相同

ES6有一个方法来判断两个对象是否相等

console.log(Object.is(a,b))

但是这个相等,和我们平时要的相等可能不一样
这个方法判断的是a和b是不是同一个指针的对象

比如说

var a = {
  id:1
};
var b = a;
console.log(Object.is(a,b));   //true

但是下面这种情况就不管用了

var a = {
  id:1
};
var b = {
  id:1
}
console.log(Object.is(a,b));   //false

当我们只需要两个对象的内容相同的时候,他就没效果了

思路
只要两个对象的名和键值都相同。那么两个对象的内容就相同了

1.用Object.getOwnPropertyNames拿到对象的所以键名数组
2.比对键名数组的长度是否相等。否=>false。真=>去到3
3.比对键名对应的键值是否相等

function isObjectValueEqual(a, b) {
    var aProps = Object.getOwnPropertyNames(a);
    var bProps = Object.getOwnPropertyNames(b);

    if (aProps.length != bProps.length) {
        return false;
    }

    for (var i = 0; i < aProps.length; i++) {
        var propName = aProps[i];
        var propA = a[propName];
        var propB = b[propName];
        if ( propA !== propB) {
                return false;
        }
    }
    return true;
}

粗略一看没问题
但是细心的同学发现如果 键值也是对象的话
那这个方法就不管用了

var a = {
    id:1,
    name:2,
    c:{
        age:3
    }
};
var b = {
    id:1,
    name:2,
    c:{
        age:3
    }
}
console.log(isObjectValueEqual(a,b));//false

这个时候递归一下就可以解决了
注意,递归的时候要判断prop是不是Object,然后会进入无限递归的死循环

function isObjectValueEqual(a, b) {
     var aProps = Object.getOwnPropertyNames(a);
     var bProps = Object.getOwnPropertyNames(b);
      if (aProps.length != bProps.length) {
           return false;
      }
      for (var i = 0; i < aProps.length; i++) {
        var propName = aProps[i]

        var propA = a[propName]
        var propB = b[propName]
        if ((typeof (propA) === 'object')) {
          if (this.isObjectValueEqual(propA, propB)) {
              // return true     这里不能return ,后面的对象还没判断
            } else {
              return false
            }
        } else if (propA !== propB) {
          return false
        } else { }
      }
    return true
    }
    var a = {
        id:1,
        name:2,
        c:{
            age:3
        }
    };
    var b = {
        id:1,
        name:2,
        c:{
            age:3
        }
    }
    console.log(isObjectValueEqual(a,b));//true
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值