前端小功能:数组对象是否相等


前端小功能:数组对象是否相等,是否一致。
JS 判断两个数组是否相同

JSON.stringify([1,2,3].sort()) === JSON.stringify([3,2,1].sort()); //true

 JS 判断两个数组对象是否相等

花了一天的时间,去实现两个对象是否相等的情况,具体代码如下:

export function isEqual(a, b) {
  let Equal = true
  if((typeof a) === 'object' && (typeof b) === 'object'){
    let aProps = Object.getOwnPropertyNames(a);
    let bProps = Object.getOwnPropertyNames(b);
    if (aProps.length !== bProps.length) {
        Equal = false;
        return Equal
    }
    // eslint-disable-next-line @typescript-eslint/prefer-for-of
    for (let i = 0; i < aProps.length; i++) {
      let propName = aProps[i]
      let propA = a[propName]
      let propB = b[propName]
      if((typeof propA) === 'object' && (typeof propB) === 'object'){
        if(!isEqual(propA, propB)){
          Equal = false;
          return Equal
        }
      }else if(propA !== propB){
        Equal = false
        return Equal
      }
    }
  }else if(a !== b){
    Equal = false
    return Equal
  }
  return Equal
}

 

然后花了一个小时,去查一下其他的库。

开箱即用:https://www.lodashjs.com/docs/lodash.isEqual

执行深比较来确定两者的值是否相等。

**注意: **这个方法支持比较 arrays, array buffers, booleans, date objects, error objects, maps, numbers, Object objects, regexes, sets, strings, symbols, 以及 typed arrays. Object 对象值比较自身的属性,不包括继承的和可枚举的属性。 不支持函数和DOM节点比较。


发现lodash非常的好。建议前端必须掌握,减少50%数据处理的时间,如果自己想了解原理的话,自己撸一波还是很好的。

lodash 中文文档: https://www.lodashjs.com/


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM