欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-04-09 20:01:36
...

用Object.is 只能判断两个对象应用的地址是不是一样 如果两个对象的应用地址不一样。两个对象对应的键和值是一样的,应用地址不一样。那么这时候判断两个对象用Object.is就行不通了

思路

需要递归每个键看看对应的值是否一样。
键对应的值有两种可能

  • 是基本数据类型 (Number,String,Boolean,Null, undefined,symbol)
  • 引用数据类型(Object,Array)

如果是基本数据类型 判断他们的值是否相等就行
如果是复杂数据类型 需要依次遍历他们的键看看值是否一致,当然前提键的数量是要一致的。

代码

const deepEqual = (obj1, obj2) => {
        const keys1 = Object.keys(obj1);
        const keys2 = Object.keys(obj2);
        return keys1.length === keys2.length ?
            keys1.every(key => {
                if (typeof (obj1[key]) === 'object') {
                    return deepEqual(obj1[key], obj2[key]);
                } else {
                    return obj1[key] === obj2[key];
                }
            }) : false;
    }

例如下面两个对象

const obj1 = {
        name: 'rsh',
        age: 22,
        girlfriend: {
            name: 'xyy',
            age: 18
        },
        friend: [
            {
                name: '老中医',
                age: 22
            },
            {
                name: 'hhh',
                age: 108
            }
        ]
    }
    const obj2 = {
        name: 'rsh',
        age: 22,
        girlfriend: {
            name: 'xyy',
            age: 18
        },
        friend: [
            {
                name: '老中医',
                age: 22
            },
            {
                name: 'hhh',
                age: 108,
            }
        ]
    }

通过浏览器调试
js判断两个对象是是否相等

相关标签: 前端