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

用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,
            }
        ]
    }

通过浏览器调试
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值