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 
      }
    })
    // 因为每次循环会判断新数组是否有同名元素,所以后面的同名元素会跳过这部分操作
 
  }
})
目录
相关文章
|
2天前
|
缓存 JavaScript 前端开发
Vue.js计算属性:实现数据驱动的利器
Vue.js计算属性:实现数据驱动的利器
|
1天前
|
JSON 前端开发 JavaScript
前端 JS 经典:JSON 对象
前端 JS 经典:JSON 对象
8 0
|
1天前
|
前端开发 JavaScript
前端 js 经典:原型对象和原型链
前端 js 经典:原型对象和原型链
11 1
|
2天前
|
JavaScript 前端开发 流计算
使用JavaScript 中的Math对象和勾股定理公式,计算鼠标的位置与页面图片中心点的距离,根据距离对页面上的图片进行放大或缩小处理
使用JavaScript 中的Math对象和勾股定理公式,计算鼠标的位置与页面图片中心点的距离,根据距离对页面上的图片进行放大或缩小处理
|
2天前
|
JSON JavaScript 前端开发
js将json字符串还原为json对象
【5月更文挑战第14天】js将json字符串还原为json对象
13 1
|
2天前
|
设计模式 存储 消息中间件
JavaScript观察者模式:实现对象间的事件通信!
JavaScript观察者模式:实现对象间的事件通信!
|
2天前
|
设计模式 JavaScript 前端开发
JavaScript原型模式:实现对象共享属性和方法!
JavaScript原型模式:实现对象共享属性和方法!
|
1天前
|
缓存 JavaScript 前端开发
JavaScript:get和post的区别,2024年最新3-6岁儿童学习与发展指南心得体会
JavaScript:get和post的区别,2024年最新3-6岁儿童学习与发展指南心得体会
|
2天前
|
设计模式 存储 前端开发
JS的几种设计模式,Web前端基础三剑客学习知识分享,前端零基础开发
JS的几种设计模式,Web前端基础三剑客学习知识分享,前端零基础开发
|
4天前
|
XML Web App开发 前端开发
字节FE:JavaScript学习路线图
字节FE:JavaScript学习路线图
10 0