分析:
- 判断是不是同一个值,如果是的话,无需下一步判断
- 判断类型是否一致,类型不一致的话,肯定不是相等
- 判断是不是数组,如果一个是数组,一个不是,那么也是无需下一步判断
- 需要注意的是,判断是不是symbol(key为string),因为任意两个symbol都不会相等(Symbol(32) != Symbol(32) ➡️true)
- 将对象的keys提取出来,判断长度是否一致,不一致的肯定不相等
- 进行递归判断
- 需要注意的是,默认是相等的,如果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,以及方法主体内的代码去除空格、注释、符号等,然后再进行判断。