美文网首页
数组对象去重之reduce

数组对象去重之reduce

作者: 键盘上敲音符 | 来源:发表于2022-07-18 17:26 被阅读0次

需求: 有一个对象数组需要根据里面的几项进行去重和其他操作;

    /* 原数组 */
    let oldArr = [
      {
        id:'1',
        key:'1',
        num:1
      },
      {
        id:'1',
        key:'1',
        num:1
      },
      {
        id:'2',
        key:'1',
        num:1
      },
    ]
    /* 处理后的数组 */
    let newArr = [
      {
        id:'1',
        key:'1',
        num:2
      },
      {
        id:'2',
        key:'1',
        num:1
      },
    ]

方法:用reduce 在其每一次循环的时候,匹配累计的数组,看是否相同

const removedup = (arr) => {
      if (!Array.isArray(arr)) {
        return arr;
      }
      if (arr.length == 0) {
        return [];
      }
      return arr.reduce((items, item) => { // 将相同属性相加并合并去重  (item.xx==arrItem.xx&&....)
        let findData = items.find(arrItem => item.id == arrItem.id && item.key == arrItem.key)
        // 查到和累计后的数组相同的做处理
        if (findData) {
          findData.num = findData.num + item.num
        } else {
          //不要直接在原来的对象修改,新建对象
          let newItem = JSON.parse(JSON.stringify(item))
          items.push(newItem)
        }
        return items

      }, [])
    }

相关文章

  • js reduce去重用法

    reduce不仅仅可以数据累加,还可以实现去重效果。 重复次数计算 数组去重 数组对象去重,转为数组 对象去重

  • 数组对象去重之reduce

    需求: 有一个对象数组需要根据里面的几项进行去重和其他操作; 方法:用reduce 在其每一次循环的时候,匹配累计...

  • reduce数组去重-对象数组

    对于简单数组去重方法非常多,项目需求中多用到对象数组利用reduce数组方法比较简单historyType/dat...

  • reduce 对象数组去重

    reduce 对象数组去重: 解析:其实就是用 obj 来存储已经放入新数组的元素,每次遍历旧数组都去 obj 中...

  • js中数组对象去重的方法

    采用数组中的reduce方法,遍历数组,也是通过对象访问属性的方法 参考js中数组对象去重的方法

  • 前端对象数组去重reduce

    说起前端去重,对es6比较熟悉的就会想到 set 方法 set去重方法 可以看到,set方法去重只能针对普通的数...

  • 工具方法

    对象数组如何去重: reduce 实现对象数组去重复: 实现一个函数判断数据类型: 查找字符串中出现最多的字符和个...

  • 数组去重

    使用set进行简单去重 使用reduce进行复杂数组去重

  • 数组的相对高阶方法使用

    1.js根据数组中对象的某个属性值进行去重 2.reduce方法介绍 [https://www.teaspect....

  • 对象数组去重的简便方法reduce()

网友评论

      本文标题:数组对象去重之reduce

      本文链接:https://www.haomeiwen.com/subject/pcksirtx.html