判断两个完全相等的JSON字符串

分析:

  1. 判断是不是同一个值,如果是的话,无需下一步判断
  2. 判断类型是否一致,类型不一致的话,肯定不是相等
  3. 判断是不是数组,如果一个是数组,一个不是,那么也是无需下一步判断
  4. 需要注意的是,判断是不是symbol(key为string),因为任意两个symbol都不会相等(Symbol(32) != Symbol(32) ➡️true)
  5. 将对象的keys提取出来,判断长度是否一致,不一致的肯定不相等
  6. 进行递归判断
  7. 需要注意的是,默认是相等的,如果if判断不一致的话,就return个false
    上代码:
function isSameJSON(obj1, obj2) {
    if (obj1 === obj2) {
        return true;
    }
    if (typeof obj1 !== typeof obj2) {
        return false;
    }
    if (Array.isArray(obj1) !== Array.isArray(obj2)) {
        return false;
    }
    if (typeof obj1 === 'symbol') {
        if (obj1.toString() === obj2.toString()) {
            return true
        }
    }
    if (typeof obj1 === 'function') {
        if (obj1.toString() === obj2.toString()) {
            return true;
        }
    }
    if (typeof obj1 === 'object' && obj1 !== null && obj2 !== null) {
        const keys1 = Object.keys(obj1);
        const keys2 = Object.keys(obj2);
        if (keys1.length !== keys2.length) {
            return false;
        }
        for (let key of keys1) {
            if (!obj2.hasOwnProperty(key)) {
                return false;
            }
            if (!isSameJSON(obj1[key], obj2[key])) {
                return false;
            }
        }
        return true;
    }
    return obj1 === obj2;
}

const obj1 = {
    f: {
        fn: function (name, age){
            console.log(111);
        },
    },
    e: Symbol('foo'),
    name: "Tom",
    a: {
        b: {
            age: 28,
        },
        f: {
            fn: () => {
                console.log(111);
            },
        },
        e: Symbol('foo'),
    },
    c: [ 1, 2, ],
    d: new Date(),
}
const obj2 = {
    f: {
        fn: function (name, age){
            console.log(111);
        },
    },
    e: Symbol('foo'),
    name: "Tom",
    a: {
        f: {
            fn: () => {
                console.log(111);
            },
        },
        e: Symbol('foo'),
        b: {
            age: 28,
        },
    },
    c: [ 1, 2, ],
    d: new Date(),
}

console.log('obj1, obj2:', isSameJSON(obj1, obj2)); // true

其实上述代码有个地方,有待优化,就是function的判断,是用的比较简单暴力的toStirng方式进行判断的,但这个方式有很多漏洞,比如:

function f(age, name) {
    console.log(111)
}
function f(name, age) {
    console.log(111);
}

上面的两个f是不相等的,因为参数的顺序不一致,且console后面一个有分号,一个没有分号。因为判断两个function比较复杂,所以上述用了一个简单暴力的方式。应该判断function的name、length,以及方法主体内的代码去除空格、注释、符号等,然后再进行判断

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值