js判断两个对象是否相等---2种方式

本是古典何须时尚 2022-12-11 09:20 256阅读 0赞

### 1、JSON.stringify(obj) ###

> 这种方法，简单一行代码就搞定。  
> 但有一个缺点：当对象里key值的顺序不一致时，比较就会出问题了。并且在JSON.stringify()时，一些特殊类型的值，比如`undefined`，`Date`，`RegExp`等会丢失或者变形。

var obj1={ 
            name:111,
            age:222,
            dis:[1,2,3,4],
            info:{ 
                like:"hx",
                arr:[1,2,3,4]
            }
        }
        var obj2={ 
            name:111,
            age:222,
            dis:[1,2,3,4],
            info:{ 
                like:"hx",
                arr:[1,2,3,4]
            }
        }
        console.log(JSON.stringify(obj1)==JSON.stringify(obj2));

### 2、递归 ###

> 使用递归来判断两个对象是否相等。现有对象`obj1`和`obj2`  
> 对象里，值的类型包括`undefined`、`null`、`number`、`string`、`boolean`、`Date`、`Array`和对象。数组项也有可能是简单类型、数组甚至对象 。  
> 默认输入的两个参数是对象了，就不做判断了。。。。。。。。

##### 2.1、实现思路 #####

1.  先判断两个对象的key值的长度。若长度不相等，则 `return false`
2.  遍历对象`obj1`，检查对象`obj2`中是否有对应的key值， 没有，则`return false`
3.  比较两个对象中这个key对应的值的类型是否相等，不相等，则`return false`
4.  如果值的类型是`undefined`、`number`、`string`、`boolean`的一种，直接两个值比较，不同，则`return false`
5.  如果值是`null`，那么 比较两个值是否相等。不等，则`return false`
6.  如果值是`Date`类型的，
7.  如果值是对象，调用自身
8.  如果值是数组，因为数组项可能是任意一种数据类型的，所以还是先比较长度，长度相等后再逐一比较数组的每一项。

##### 2.2、代码部分 #####

##### 2.3 测试数据 #####

// 1----true
            var obj1 = { 
                name: 111,
                age: 222,
            }
            var obj2 = { 
                name: 111,
                age: 222,
            }
       // 2---true
               var obj1 = { 
                name: 111,
                hi:new Date(),
                age: 222,
            }
            var obj2 = { 
                name: 111,
                age: 222,
                hi:new Date()
            }
       // 3---false
               var obj1 = { 
                name: 111,
                hi:new Date(),
            }
            var obj2 = { 
                name: 111,
                age: 222,
                hi:new Date()
            }
      // 4---true
              var obj1 = { 
                name: 111,
                hi:new Date(),
                age:222,
                 arr: [1, 2, 3, 4],
    
            }
            var obj2 = { 
                name: 111,
                age: 222,
                hi:new Date(),
                 arr: [1, 2, 3, 4],
            }    
       // 5---false
               var obj1 = { 
                name: 111,
                hi:new Date(),
                age:222,
                 arr: [1, 2, 2, 4],
            }
            var obj2 = { 
                name: 111,
                age: 222,
                hi:new Date(),
                arr: [1, 2, 3, 4],
            }  
      // 6---false
              var obj1 = { 
                name: 111,
                hi:new Date(),
                age:222,
                 arr: [1, 2, 2, 4],
                info: { 
                    name: "ii8i",
                }
            }
            var obj2 = { 
                name: 111,
                age: 222,
                hi:new Date(),
                 arr: [1, 2, 3, 4],
               
                info: { 
                    name: "iii",
                }
            } 
       // 7---false
               var obj1 = { 
                name: 111,
                hi:new Date(),
                age:222,
                 arr: [1, 2, 2, 4],
                info: { 
                    name: "ii8i",
                    arr: [1, 2, 3, [1, 2] ]
                }
            }
            var obj2 = { 
                name: 111,
                age: 222,
                hi:new Date(),
                 arr: [1, 2, 3, 4],
               
                info: { 
                    name: "iii",
                    arr: [1, 2, 3, [1, 2], {  name: 222 }]
                }
            }
       // 8---true
               var obj1 = { 
                name: 111,
                hi:new Date(),
                age:222,
                 arr: [1, 2, 3, 4],
                info: { 
                    name: "iii",
                    arr: [1, 2, 3, [1, 2] ,{  name: 222 }]
                }
            }
            var obj2 = { 
                name: 111,
                age: 222,
                hi:new Date(),
                 arr: [1, 2, 3, 4],
               
                info: { 
                    name: "iii",
                    arr: [1, 2, 3, [1, 2], {  name: 222 }]
                }
            }