你们，你们看看这里！我这儿有个好玩的事儿想和你们唠嗑儿，那就是怎么确认两个对象里边的东西是不是一模一样。你肯定要说，不就涂点JavaScript！但是，我得告诉你，这可没你想象中的那么容易！
行，咱们一起来瞧瞧ES6里有啥好办法能看出两个对象是不是怼穿了。结果竟然只是看他们俩的地址一不一样，这可不成！咱得看他们内在是不是一模一样！这招儿显然不管用。
let obj1= {
a: 1
}
let obj2 = {
a: 1
}
console.log(Object.is(obj1, obj2)) // false
let obj3 = obj1
console.log(Object.is(obj1, obj3)) // trueconsole.log(Object.is(obj2, obj3)) // false
怎么搞？别慌，让我给你出个主意。首先，得把对象里的每一个键名跟键值都过一遍看能不能重合上。可能有点儿晕？没事儿，我慢慢说你就懂了。
首先，咱们得看看俩东西是不是指着同一块地儿？这可是头等大事儿！接着，就用Object.getOwnPropertyNames这个东西把对象给拆开看个究竟！别急别急，我带你慢慢来咯。
下一步，咱们得看看两个对象的键名数组是不是一样，这个挺重要的！再接着就要认真检查每个键名对应的键值是不是一模一样。可能有点搞不明白，别急，我来给你解释。
咱们得继续！还有不少问题等着处理。比如，要是俩对象的键名数组不一样咋办？再者，两个键值对不上又该怎么弄啊?这些都得想明白才行。
别急，让我告诉你个简单的方法！就是对比这俩东西看看是不是一样。虽然有点费劲，但只要照着我说的做，肯定能行！
搞定！说起来，只要按照上面的这些方法，就能精确地分辨出两样东西是不是一模一样。无论是学习还是工作，都挺有用的！希望我这份简单易懂的分享能帮到你们。今天的分享先到这儿真心希望大家喜欢我写的文章，赞不赞无所谓多给点关注也是好的~如果您有啥想说的或者看法，留言评论，咱们一起交流！别忘了分享给小伙伴们，让他们也来看我的文章！谢谢大家的支持
let obj1 = {
a: 1,
b: {
c: 2
}
}
let obj2 = {
b: {
c: 3
},
a: 1
}
function isObjectValueEqual(a, b) {
// 判断两个对象是否指向同一内存，指向同一内存返回true
if (a === b) return true
// 获取两个对象键值数组
let aProps = Object.getOwnPropertyNames(a)
let bProps = Object.getOwnPropertyNames(b)
// 判断两个对象键值数组长度是否一致，不一致返回false
if (aProps.length !== bProps.length) return false
// 遍历对象的键值
for (let prop in a) {
// 判断a的键值，在b中是否存在，不存在，返回false
if (b.hasOwnProperty(prop)) {
// 判断a的键值是否为对象，是则递归，不是对象直接判断键值是否相等，不相等返回false
if (typeof a[prop] === 'object') {
if (!isObjectValueEqual(a[prop], b[prop])) return false
} else if (a[prop] !== b[prop]) {
return false
}
} else {
return false
}
}
return true
}
console.log(isObjectValueEqual(obj1, obj2)) // false
评论0