一道Js判断对象是否相等面试题引发的故事

276 阅读1分钟

话说,说什么呢,先看下题吧还是、

` function checkName(data) {

if (data === { name: 'LIMING' }) {

console.log("one");

} else if (data == { name: 'LIMING' }) {

console.log(two");

} else {

console.log("three");

}

}

checkName({ name: 'LIMING' }); ` so,问题来了,问上面js代码运行以后输出什么?

机智的你想到了没?

one?two?three?

知道答案前要知道我们先思考下这道题考察的是什么知识点,工欲善其事必先利其器,自然就脱口而出了、

很明显题目是在考面试人员如何判断JS对象相等或者判断对象相等的方法。

在比较相等性,原始类型通过它们的值进行比较,而对象通过它们的引用进行比较。JavaScript检查对象是否具有对内存中相同位置的引用。

所以推荐使用递归的方法:

先判断俩者是不是对象;

是对象后俩者长度是否一致;

判断俩个对象的所有key值是否相等相同;

判断俩个对象的相应的key对应的值是否相同;

来一个递归判断里面的对象循环1-4步骤 ` function diff(obj1,obj2){

    var o1 = obj1 instanceof Object;
    
    var o2 = obj2 instanceof Object;
    
    // 判断是不是对象
    
    if (!o1 || !o2) {
    
        return obj1 === obj2;
        
    }

    //Object.keys() 返回一个由对象的自身可枚举属性(key值)组成的数组,
    
    //例如:数组返回下表:let arr = ["a", "b", "c"];console.log(Object.keys(arr))->0,1,2;
    
    if (Object.keys(obj1).length !== Object.keys(obj2).length) {
    
        return false;
    }

    for (var o in obj1) {
        var t1 = obj1[o] instanceof Object;
        var t2 = obj2[o] instanceof Object;
        if (t1 && t2) {
            return diff(obj1[o], obj2[o]);
        } else if (obj1[o] !== obj2[o]) {
            return false;
        }
    }
    return true;
}

`