在前端,总是需要到要判断两个对象的值是否相等,如果是单纯判断无论如何都是不相等的,因为他们的内存地址不同,所以我们需要自己更深入去判断。
1. 当然是先最简单的 如果传入的不是复杂类型就直接判断两个值是否相等
let o1 = obj1 instanceof Object;
let o2 = obj2 instanceof Object;
if(!o1 || !o2) { // 如果不是对象 直接判断数据是否相等
return obj1 === obj2
}
复制代码
2. 如果是复杂类型,那么判断两个对象的属性长度是否相等
if(Object.keys(obj1).length !== Object.keys(obj2).length) {
return false;
}
复制代码
3. 如果两个对象属性长度相等,就判断属性的数据类型,根据不同数据类型作出操作
循环对象的属性判断是否对象, 如果是对象的话就继续回去判断,用`Object.prototype.toString.call()`比较严谨判断是什么类型
for(let attr in obj1) {
let a1 = Object.prototype.toString.call(obj1[attr]) == '[object Object]'
}复制代码
如果是数组的话,转换为字符串判断是否相等
let arr1 = Object.prototype.toString.call(obj1[attr]) == '[object Array]'
复制代码
如果是普通数值直接判断是否相等即可
obj1[attr] !== obj2[attr]复制代码
4. 测试
let a1 = {name: 'amy', eat: {body:1, say: 'kk'}, time: [1, 2, 3, 4,5]}
let a2 = {name: 'amy', eat: {body:1, say: 'kk'}, time: [1, 2, 3, 4,5]}
isObjectEqual(a1, a2)
// true
let b1 = {name: 'amy', eat: {body:1, say: 'kk'}, time: [1, 2, 3, 4,5]}
let b2 = {name: 'ss', eat: {body:1, say: 'kk'}, time: [1, 2, 3, 4,5]}
isObjectEqual(b1, b2)
// false复制代码
5. 下面贴上代码参考,有问题或者改进建议可以告诉我哦
export const isObjectEqual = (obj1, obj2) => {
let o1 = obj1 instanceof Object;
let o2 = obj2 instanceof Object;
if(!o1 || !o2) { // 如果不是对象 直接判断数据是否相等
return obj1 === obj2
}
// 判断对象的可枚举属性组成的数组长度
if(Object.keys(obj1).length !== Object.keys(obj2).length) {
return false;
}
for(let attr in obj1) {
let a1 = Object.prototype.toString.call(obj1[attr]) == '[object Object]'
let a2 = Object.prototype.toString.call(obj2[attr]) == '[object Object]'
let arr1 = Object.prototype.toString.call(obj1[attr]) == '[object Array]'
if(a1 && a2) {
// 如果是对象继续判断
return isObjectEqual(obj1[attr], obj2[attr])
} else if(arr1){
// 如果是对象 判断
if(obj1[attr].toString() != obj2[attr].toString()){
return false;
}
} else if(obj1[attr] !== obj2[attr]) {
// 不是对象的就判断数值是否相等
return false
}
}
return true
}
复制代码