JavaScript中 如何判断两个对象是否相等?
object类型作为JavaScript中的基本数据类型,也是实际前端开发中经常使用的一种数据类型。 对于数字(Number)、字符串(String)、Boolean类型等数据,判断其是否相等,使用 === 全等于符合即可判断。但是对于object类型的数据,进行判断时就需要多做一些处理。
常见的判断方法有:
方法一:
使用 JSON.stringify()方法,将对象转化为字符串。然后使用 “===” 判断即可:
let obj1 = {
a: 1,
b: 2
}
let obj2 = {
a: 1,
b: 2,
}
console.log(JSON.stringify(obj1) === JSON.stringify(obj2)) // true
此方法看似简单,但是存在较大的缺点,比如上面代码稍微变化下,输出结果就变为 false。
let onj1 = {
a: 1,
b: 2
}
let onj2 = {
b: 2,
a: 1
}
console.log(JSON.stringify(onj1) === JSON.stringify(onj2)) // false
onj1和onj2的键、值是相同的,但是调整了键的位置后,就会发现上面使用JSON.stringify()
方法存在问题,主要是转化为字符串后,比较时是按照字符串下边去对比每一个下标对应的字符是否相等,所以这种方法在比较对象的时候局限性较大,故使用是需要谨慎!!!
方法二:
由于对象是由键值对构成的,那要判断对象相等,只要判断两个对象的键、值是否都相同,如果相同就代表它们相等,反之不相等。
思路:
- 使用Object.getOwnPropertyNames()方法返回一个由指定对象的所有自身属性的属性名(包括不可枚举属性但不包括Symbol值作为名称的属性)组成的数组。
- 比对键名数组的长度是否相等,不相等则返回false。相等进行下一步。
- 比对键名对应的键值是否相等。
let onj1 = {
a: 1,
b: 2
}
let onj2 = {
b: 2,
a: 1
}
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;
}
console.log(isObjectValueEqual(onj1, onj2)) // true
tips:此时已经可以满足基本的需求,但是对于对象中键的值也是对象时,上面的方法就不合时宜了,还需要进行优化!
进化版:
function isObjectValueEqualNew(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.isObjectValueEqualNew(propA, propB)) {
return true
} else {
return false
}
} else if (propA !== propB) {
return false
} else {
//
}
}
return true
}
let obb1 = {
a: 1,
b: 2,
c: {
d: 4,
e: {
f: 5,
e: 6
}
}
}
let obb2 = {
b: 2,
a: 1,
c: {
e: {
e: 6,
f: 5
},
d: 4
}
}
console.log(isObjectValueEqualNew(obb1, obb2)) // true
至此,就可以判断两个对象是否相等了!
如果您有更好的方法,欢迎留言讨论~~~