JavaScript Object.keys问题:两对象均含属性'b',为何控制台输出false?
为啥俩都有属性'b'的对象比较会返回false?
兄弟,我估摸着你十有八九是直接用==或者===来对比这俩对象了吧?比如代码大概是这样:
const object1 = { b: 123 }; const object2 = { b: 123 }; console.log(object1 === object2); // 结果就是false
这真不是你操作错了,是JavaScript里对象的比较逻辑本来就这么设计的:对象属于引用类型,用==/===比的是它们在内存里的引用地址,不是属性内容对不对得上。哪怕俩对象的属性完全一模一样,只要是分开创建的不同实例,内存地址就不一样,自然返回false。
那要是想判断俩对象都有属性'b',或者属性和值都一致,该咋做?给你俩常用思路:
1. 单独检查属性是否存在
如果只是想确认俩对象都有属性'b',别直接比对象,用hasOwnProperty分别检查就行:
const object1 = { b: 'hello' }; const object2 = { a: 456, b: 'world' }; const bothHaveB = object1.hasOwnProperty('b') && object2.hasOwnProperty('b'); console.log(bothHaveB); // 输出true
要是属性是继承来的(比如从原型链上拿的),你也可以用'b' in object1 && 'b' in object2来检查,这个会包含原型链上的属性。
2. 对比对象的所有属性和值(浅比较)
如果要确认俩对象的所有属性和对应的值都完全相同,可以写个简单的浅比较函数:
function checkObjectsEqual(obj1, obj2) { const obj1Entries = Object.entries(obj1); const obj2Entries = Object.entries(obj2); // 先看属性数量对不对得上 if (obj1Entries.length !== obj2Entries.length) return false; // 逐个检查属性和值 for (const [key, value] of obj1Entries) { if (!obj2.hasOwnProperty(key) || obj2[key] !== value) { return false; } } return true; } const object1 = { b: 789 }; const object2 = { b: 789 }; console.log(checkObjectsEqual(object1, object2)); // 输出true
注意哈,这个是浅比较,要是对象里还有嵌套的对象/数组,就得写递归的深比较逻辑,或者直接用现成的工具方法(比如Lodash的_.isEqual)。
另外也得排查下小细节:比如是不是属性名大小写不一样(一个是B一个是b,JS属性名区分大小写),或者其中一个对象的属性是后来动态添加的但没加上成功?这些小坑也可能导致结果不对。
内容的提问来源于stack exchange,提问作者Alexander Miller
相关产品推荐
相关产品推荐

