JS深度比較兩個對象是否相等

/**
 * 深度比較兩個對象是否相等
 * @type {{compare: compareObj.compare, isObject: (function(*=): boolean), isArray: (function(*=): boolean)}}
 */
var compareObj = {
    // 比較兩個對象是否相等
    compare: function (oldData, newData) {
        // 類型爲基本類型時,若是相同,則返回true
        if (oldData === newData) return true
        if (compareObj.isObject(oldData) && compareObj.isObject(newData) && Object.keys(oldData).length === Object.keys(newData).length) {
            // 類型爲對象而且元素個數相同
            // 遍歷全部對象中全部屬性,判斷元素是否相同
            for (const key in oldData) {
                if (oldData.hasOwnProperty(key)) {
                    if (!compareObj.compare(oldData[key], newData[key])) {
                        // 對象中具備不相同屬性 返回false
                        return false
                    }
                }
            }
        } else if (compareObj.isArray(oldData) && compareObj.isArray(oldData) && oldData.length === newData.length) {
            // 類型爲數組而且數組長度相同
            for (let i = 0, length = oldData.length; i < length; i++) {
                if (!compareObj.compare(oldData[i], newData[i])) {
                    // 若是數組元素中具備不相同元素,返回false
                    return false
                }
            }
        } else {
            // 其它類型,均返回false
            return false
        }
        // 走到這裏,說明數組或者對象中全部元素都相同,返回true
        return true
    },
    // 判斷此類型是不是Array類型
    isObject: function (obj) {
        return Object.prototype.toString.call(obj) === '[object Object]'
    },
    // 判斷此對象是不是Object類型
    isArray: function (arr) {
        return Object.prototype.toString.call(arr) === '[object Array]'
    }
}
相關文章
相關標籤/搜索