JS判断两个对象内容是否相等

JavaScript041

JS判断两个对象内容是否相等,第1张

ES6有一个方法来判断两个对象是否相等

但是这个相等,和我们平时要的相等可能不一样

这个方法判断的是a和b是不是同一个指针的对象

比如说

但是下面这种情况就不管用了

当我们只需要两个对象的内容相同的时候,他就没效果了

思路

只要两个对象的名和键值都相同。那么两个对象的内容就相同了

1.用Object.getOwnPropertyNames拿到对象的所以键名数组

2.比对键名数组的长度是否相等。否=>false。真=>3

3.比对键名对应的键值是否相等

粗略一看没问题

但是细心的同学发现如果 键值也是对象的话

那这个方法就不管用了

这个时候递归一下就可以解决了

注意,递归的时候要判断prop是不是Object,然后会进入无限递归的死循环

判断对象相等的步骤:

1.先判断俩者是不是对象

2.是对象后俩者长度是否一致

3.判断俩个对象的所有key值是否相等相同

4.判断俩个对象的相应的key对应的值是否相同

来一个递归判断里面的对象循环1-4步骤代码如下:

diff(obj1,obj2){

console.log('obj12'+obj1,obj2)

var o1 = obj1 instanceof Object

var o2 = obj2 instanceof Object

if(!o1 || !o2){/* 判断不是对象 */

return obj1 === obj2

}

if(Object.keys(obj1).length !== Object.keys(obj2).length){

return false

}

for(var attr in obj1){

var t1 = obj1[attr] instanceof Object

var t2 = obj2[attr] instanceof Object

if(t1 &&t2){

return diff(obj1[attr],obj2[attr])

}else if(obj1[attr] !== obj2[attr]){

return false

}

}

return true

}