-
方法一
var obj = {a:'a'}, obj1 = {b:'b'}, obj2 = {a:'a'};
// 就是使用
JSON.stringify()
// 先把對(duì)象轉(zhuǎn)化成字符串困檩,
// 這樣就可以啦
console.log(JSON.stringify(obj) == JSON.stringify(obj1)); // false
console.log(JSON.stringify(obj) == JSON.stringify(obj2)); // true
弊端:這樣不是很?chē)?yán)謹(jǐn)四瘫,如果一個(gè)對(duì)象里是有兩個(gè)屬性的捶索,只是位置不一樣而已,這樣的方法就是錯(cuò)誤的
var a ={"name":"lsx","age":12};
var b ={"age":12,"name":"lsx"};
// 這樣就是錯(cuò)誤的
console.log(JSON.stringify(a) == JSON.stringify(b)); // false
-
方法二
思路: 只要兩個(gè)對(duì)象的名和鍵值都相同董朝。那么兩個(gè)對(duì)象的內(nèi)容就相同了
1鸠项、用Object.getOwnPropertyNames
拿到對(duì)象的所有鍵名數(shù)組
2、比對(duì)鍵名數(shù)組的長(zhǎng)度是否相等子姜。否 => false祟绊。真 => true
3、比對(duì)鍵名對(duì)應(yīng)的鍵值是否相等
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;
}
弊端:如果 鍵值也是對(duì)象的話,那這個(gè)方法就不管用了久免,比如下面的測(cè)試數(shù)據(jù)
var a = {
id:1,
name:2,
c: {
age:3
}
};
var b = {
id:1,
name:2,
c: {
age:3
}
}
// 這樣就是錯(cuò)誤的
console.log(isObjectValueEqual(a,b)); // false
-
方法三
在實(shí)現(xiàn)二的基礎(chǔ)上遞歸實(shí)現(xiàn)
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
} else {
return false
}
} else if (propA !== propB) {
return false
} else {}
}
return true
},
測(cè)試
var a = {
id:1,
name:2,
c: {
age:3
}
};
var b = {
id:1,
name:2,
c: {
age:3
}
}
// 正確
console.log(isObjectValueEqual(a,b)); // true