==和===只能比较两个对象是否引用相等,无法作值比较。我们需要实现一个比较两个对象的属性和值相等的函数。对于属性,只管名称相等。
这篇文章给出了一个办法: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,测试不够充分。