首页 前端知识 TypeScript/JavaScript (ts/js)判断任意两个值是否相等

TypeScript/JavaScript (ts/js)判断任意两个值是否相等

2024-06-25 23:06:01 前端知识 前端哥 345 657 我要收藏

不废话,直接上代码:判断两个值是否相等,支持array, object和基础类型值的判断。


const anyIsEqual = (a1: any, a2: any, ignoreArrayPosition = false): boolean => {
  if (isNil(a1) || isNil(a2)) { // 首先判断要比较的两个参数是否为空
    return a1 === a2 // 只要其中一个为空的话,直接返回它们是否相等就可以了
  } else {
    if (a1.constructor === a2.constructor) { // 再判断他们的类型是否相等,类型不相等的话,其值也无须判断了
      if (a1.constructor === Array) {
        return arrayIsEqual(a1, a2, ignoreArrayPosition) // 如果是数组,就用数组方式判断是否相等
      } else if (a1.constructor === Object) {
        return objectIsEqual(a1, a2) // 如果是对象,就用对象方式判断是否相等
      } else {
        return a1 === a2 // 其余的直接判断是否相等
      }
    } else {
      return false
    }
  }
}

const isNil = (v: unknown): boolean => {
  return typeof v === "undefined" || v === null
}

const arrayIsEqual = (a1: Array<any>, a2: Array<any>, ignoreArrayPosition = false): boolean => {
  if (a1.length !== a2.length) {
    return false // 判断数组大小是否一致,不一致的话其内容也就不需要判断了
  } else {
    if (!ignoreArrayPosition) {
      return a1.every((v, i) => anyIsEqual(v, a2[i])) // 如果不忽略数组位置的话,也就是说每个数组元素的位置一样,并且其值也一样才判断为相等
    } else {
      return a1.every(
        (v) =>
          a2.findIndex((v2) => anyIsEqual(v2, v)) >= 0 &&
          a2.filter((v2) => anyIsEqual(v2, v)).length === a1.filter((v1) => anyIsEqual(v1, v)).length,
      ) // 忽略数据位置的话,那么只要其中一个数组每个元素都可以在另一个数组可以找到,并且每个元素在两个数组的数量是相等的话,那么就可以判定为相等
    }
  }
}

const objectIsEqual = (o1: Record<string, any>, o2: Record<string, any>): boolean => {
  if (Object.keys(o1).length !== Object.keys(o2).length) {
    return false // 首先对象属性个数要一致,不一致的话其内容也就不需要判断了
  } else {
    return Object.keys(o1).every((k) => {
      if (Object.keys(o2).includes(k)) {
        return anyIsEqual(o1[k], o2[k])
      } else {
        return false
      } // 只要其中一个对象的属性名在另一个对象存在,就判断其值是否相等就可以了
    })
  }
}
const x = [1, 2, null, 3]
const y = [3, 2, 1, null]
// const x = { x: 1, y: { x: 3, y: 2, n: null }, z: 3 }
// const y = { z: 3, y: { m: "null", y: 2, x: 3 }, x: 1 }
console.debug(anyIsEqual(x, y, true))

转载请注明出处或者链接地址:https://www.qianduange.cn//article/13535.html
标签
评论
发布的文章

读魏书生的心得体会

2024-07-03 14:07:10

jQuery 选择器

2024-05-12 00:05:34

Vue中public/assets目录区别

2024-07-02 23:07:29

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!