前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >判断两个完全相等的JSON字符串

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

原创
作者头像
剁椒鱼鳞
修改2023-06-27 09:26:52
2590
修改2023-06-27 09:26:52
举报
文章被收录于专栏:前端小学生前端小学生

分析:

  1. 判断是不是同一个值,如果是的话,无需下一步判断
  2. 判断类型是否一致,类型不一致的话,肯定不是相等
  3. 判断是不是数组,如果一个是数组,一个不是,那么也是无需下一步判断
  4. 需要注意的是,判断是不是symbol(key为string),因为任意两个symbol都不会相等(Symbol(32) != Symbol(32) ➡️true)
  5. 将对象的keys提取出来,判断长度是否一致,不一致的肯定不相等
  6. 进行递归判断
  7. 需要注意的是,默认是相等的,如果if判断不一致的话,就return个false

上代码:

代码语言:javascript
复制
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方式进行判断的,但这个方式有很多漏洞,比如:

代码语言:javascript
复制
function f(age, name) {
    console.log(111)
}
function f(name, age) {
    console.log(111);
}

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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档