欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js判断两个对象是否相等

程序员文章站 2022-03-02 13:12:54
...

在前端,总是需要到要判断两个对象的值是否相等,如果是单纯判断无论如何都是不相等的,因为他们的内存地址不同,所以我们需要自己更深入去判断。

注意: for循环中只能返回false,则某一项相同返回true,则不进行后面的判断

  只能return false ,不能  return obj1[key].toString() == obj2[key].toString();
    function isEqual(obj1, obj2) {
        let o1 = obj1 instanceof Object;
        let o2 = obj2 instanceof Object;
        //如果不是对象或数组,直接判断数据是否相等,同样适用于undefined,null
        if (!o1 || !o2) {
            return obj1 === obj2
        }
        //判断对象或者数组的长度,若不同则返回false
        if (Object.keys(obj1).length != Object.keys(obj2).length) {
            return false;
        }
        //判断是否同为对象或者数组,若不同则返回false
        if (Object.prototype.toString.call(obj1) != Object.prototype.toString.call(obj2)) {
            return false;
        }
        //obj1,obj2 可能是对象 或是 数组
        //注意,for循环中只能返回false,则某一项相同返回true,则不进行后面的判断
        //只能return false ,不能  return obj1[key].toString() == obj2[key].toString();
        for (let key in obj1) {
            let typeKey1 = Object.prototype.toString.call(obj1[key]);
            let typeKey2 = Object.prototype.toString.call(obj2[key]);
            //二者类型不同,返回false
            if (typeKey1 != typeKey2) {
                return false;
            }
            //如果是对象,递归二次对比
            if (typeKey1 == '[object Object]') {
                //如果是对象,递归二次对比
                if(!isEqual(obj1[key], obj2[key])){
                    return false;
                }
            } else if (typeKey1 == '[object Array]') {
                //如果是数组,则转为字符串对比
                if (obj1[key].toString() != obj2[key].toString()) {
                    return false;
                }
            } else if (obj1[key] != obj2[key]) {
                //如果是字符串或者数字,直接对比值
                return false;
            }
        }
        return true;
    }