JavaScript中两个对象的相等比较:属性和值是否相等

==和===只能比较两个对象是否引用相等,无法作值比较。我们需要实现一个比较两个对象的属性和值相等的函数。对于属性,只管名称相等。

这篇文章给出了一个办法:JavaScript中引用数据类型如何比较是否相等--两个对象相比较属性和值是否相等_js中引用类型全等比较-CSDN博客

但是他给出的函数功能简单了些,不适应很多情况。我改进了它:

// 对比两个对象的值是否完全相等 返回值 true/false
let isObjectValueEqual = (a, b) => {
    //取对象a和b的属性名
    var aProps = Object.getOwnPropertyNames(a);//返回指定对象所有自身属性名
    var bProps = Object.getOwnPropertyNames(b);
    //判断属性名的length是否一致
    if (aProps.length != bProps.length) {
        return false;
    }
    //循环取出属性名,再判断属性值是否一致
    for (var i = 0; i < aProps.length; i++) {
        var propName = aProps[i];
        if (!(a[propName] instanceof Object) || !(b[propName] instanceof Object)) {
            // 只要有一个不是引用类型,就按正常的办法判断
            if (a[propName] != b[propName]) {
                return false;
            }
        }
        else if (a[propName] instanceof Function || b[propName] instanceof Function) {
            // 函数的比较
            if (a[propName] instanceof Function && b[propName] instanceof Function)
            {
                if (a[propName].toString() != b[propName].toString())
                    return false;
            }
            else if (a[propName] != b[propName]) {
                return false;
            }           
        }
        else if (a[propName] instanceof String || b[propName] instanceof String) {
            // 字符串单独比较
            if (a[propName].toString() != b[propName].toString())
                return false;
        }
        else {
            if (!(isObjectValueEqual(a[propName], b[propName]))) {
                return false;
            }
        }
    }
    return true;
};
var obj1 = {
    name: new String("dyh"),
    age: new Number(18),
    sex: { a: new String("male"), b: 2 },
    f1: function(){}
};
var obj2 = {
    name: new String("dyh"),
    sex: { a: "male", b: 2 },
    age: new Number(18),
    f1: function(){}
};
var obj3 = obj1; //obj1和ob3的指针指向了内存中的同一个地址 
console.log(isObjectValueEqual(obj1, obj2)); //true 
console.log(obj1 == obj3); // true 
console.log(obj1 === obj3); // true 
console.log(obj2 == obj3); // false 
console.log(obj2 === obj3); // false

刚开始没加函数比较,导致程序进入死循环。目前的功能感觉还不错,但也许仍然存在BUG,测试不够充分。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值