js判断两个对象的值是否相等

JavaScript07

js判断两个对象的值是否相等,第1张

判断对象相等的步骤:

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

}

在javascript判断两个变量值是否相等,可以使用 ==(等同)操作符 或者 ===(恒等)操作符<br><br> == 操作符<br>“等同”操作符,简单判断2个变量值是否相等,变量类型不一致时,会做类型转换,即忽略变量的类型进行比较<br>例子1<br>var str1 = "123456" // 字符串<br>var str2 = "123456" // 字符串<br>alert(str1==str2) // 打印出 true,即相等<br>例子2<br>var str1 = 123456 // 整型<br>var str2 = "123456" // 字符串<br>alert(str1==str2) // 打印出 true,即相等<br>差别:<br>在例子1中,2个变量都是字符串类型(因为有引号),所以比较相等,打印出true;<br>在例子2中,变量str1是整型,但是在做==比较时,javascript 发现 2个变量类型不一致,先做了类型转换(调用str1的tostring方法,把str1转成字段串),再比较2者,因此值也相等,打印出true;<br><br> 2. === 操作符<br> “恒等”操作符,先比较2个变量类型是否一致,不一致返回false,一致时,再比较2个变量的值是否相等<br>例子1<br>var str1 = "123456" // 字符串<br>var str2 = "123456" // 字符串<br>alert(str1==str2) // 打印出 true,即相等<br>例子2<br><br>var str1 = 123456 // 整型<br>var str2 = "123456" // 字符串<br>alert(str1==str2) // 打印出 false,即不相等<br>差别:<br>在例子1中,2个变量都是字符串类型,且值都相等,因此打印出true;<br>在例子2中,变量1是整型,变量2是字符串,类型不相等,因此打印出false

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

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

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

比如说

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

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

思路

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

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

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

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

粗略一看没问题

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

那这个方法就不管用了

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

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