js多维数组去重

简介: js多维数组去重
let data2 = [{
  id: "5",
  name: "桃子",
  num: 1,
},{
  id: "1",
  name: "橘子",
  num: 1,
}, {
  id: "2",
  name: "苹果",
  num: 1,
}, {
  id: "3",
  name: "梨",
  num: 1,
}, {
  id: "4",
  name: "土豆",
  num: 1,
}, {
  id: "6",
  name: "洋芋",
  num: 7,
},{
  id: "7",
  name: "桃子",
  num: 8,
}]
 
// 创建新数组接收
let newdata = []
 
// 循环原本的数组
data2.forEach((item,index,arr)=>{
  // 判断新数组中有没有当前元素item,没有的往下执行会添加
  if(newdata.some((item2,index2)=>{
    // newdata有一个同名就会反true
    if(item.name == item2.name){
      return true
    }
  })===false){  // 添加及合并操作:
 
    // 将当前元素填入新数组中
    newdata.push(item)
    // 并且循环原本数组去判断当前元素item的其他同名元素,去合并
    arr.forEach((item3,index3)=>{
      // 如果有同名元素,但是索引不同,就把num合并
      if(item.name == item3.name&&index!==index3){
        // 同名元素在新数组中一定是最后一位
        newdata[newdata.length-1].num += item3.num 
      }
    })
    // 因为每次循环会判断新数组是否有同名元素,所以后面的同名元素会跳过这部分操作
 
  }
})
相关文章
|
4月前
|
前端开发 JavaScript 算法
使用 JavaScript 数组方法实现排序与去重
【10月更文挑战第21天】通过灵活运用 `sort()` 方法和 `filter()` 方法,我们可以方便地实现数组的排序和去重。同时,深入理解排序和去重的原理,以及根据实际需求进行适当的优化,能够更好地应对不同的情况。可以通过实际的项目实践来进一步掌握这些技巧,并探索更多的应用可能性。
131 59
|
5月前
|
JavaScript
js数组去重
js数组去重
116 55
|
9月前
|
存储 JavaScript 前端开发
史上最详细JavaScript数组去重方法(11种)
使用set和Array.from ()方法 array.from可以将set结构转成数组
89 7
|
4月前
|
存储 JavaScript 前端开发
JavaScript数组去重的八种方法详解及性能对比
在JavaScript开发中,数组去重是一个常见的操作。本文详细介绍了八种实现数组去重的方法,从基础的双重循环和 indexOf() 方法,到较为高级的 Set 和 Map 实现。同时,分析了每种方法的原理和适用场景,并指出了使用 Set 和 Map 是目前最优的解决方案。通过本文,读者可以深入理解每种方法的优缺点,并选择最合适的数组去重方式。
199 0
|
4月前
|
JavaScript 索引
js数组去重的常见方法
js数组去重的常见方法
65 0
|
8月前
|
存储 JavaScript 前端开发
JS中数组去重的几种方法
JS中数组去重的几种方法
53 1
|
7月前
|
JavaScript
JS 数组去重(含简单数组去重【5种方法】、对象数组去重【2种方法】)
JS 数组去重(含简单数组去重【5种方法】、对象数组去重【2种方法】)
123 0
|
9月前
|
JavaScript
分享经典面试题:JS数组去重的多种方法
分享经典面试题:JS数组去重的多种方法
|
7月前
|
JavaScript 前端开发 C++
JavaScript 数组去重——普通数组去重 vs 对象数组去重
JavaScript 数组去重——普通数组去重 vs 对象数组去重
48 0
|
9月前
|
JavaScript
js多维数组去重并使具有相同属性的对象数量相加
js多维数组去重并使具有相同属性的对象数量相加
52 1

热门文章

最新文章

  • 1
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    23
  • 2
    Node.js 中实现多任务下载的并发控制策略
    32
  • 3
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    25
  • 4
    【JavaScript】深入理解 let、var 和 const
    48
  • 5
    【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
    44
  • 6
    【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
    52
  • 7
    【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
    55
  • 8
    如何通过pm2以cluster模式多进程部署next.js(包括docker下的部署)
    71
  • 9
    【01】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-需求改为思维导图-设计数据库-确定基础架构和设计-优雅草卓伊凡商业项目实战
    55
  • 10
    JavaWeb JavaScript ③ JS的流程控制和函数
    62