深度比较两个对象是否相同

時間不夠以後

于 2022-07-27 17:06:06 发布

阅读量115

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/weixin_43972213/article/details/126018857

JavaScript 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一个用于深度比较对象和数组是否相同的函数，通过递归检查属性和元素是否匹配，确保数据结构完全一致。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
 *  深度比较两个对象是否相同
 * @param {Object} oldData
 * @param {Object} newData
 */
export const equals2Obj = (oldData, newData) => {
  // 类型为基本类型时,如果相同,则返回true
  if (oldData === newData) return true
  if (isObject(oldData) && isObject(newData) && Object.keys(oldData).length === Object.keys(newData).length) {
    // 类型为对象并且元素个数相同

    // 遍历所有对象中所有属性,判断元素是否相同
    for (const key in oldData) {
      if (Object.prototype.hasOwnProperty.call(oldData, key)) {
        if (!equals2Obj(oldData[key], newData[key])) {
          // 对象中具有不相同属性 返回false
          return false
        }
      }
    }
  } else if (isArray(oldData) && isArray(newData) && oldData.length === newData.length) {
    // 类型为数组并且数组长度相同
    for (let i = 0, length = oldData.length; i < length; i++) {
      if (!equals2Obj(oldData[i], newData[i])) {
        // 如果数组元素中具有不相同元素,返回false
        return false
      }
    }
  } else {
    // 其它类型,均返回false
    return false
  }

  // 走到这里,说明数组或者对象中所有元素都相同,返回true
  return true
}