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 
      }
    })
    // 因为每次循环会判断新数组是否有同名元素,所以后面的同名元素会跳过这部分操作
 
  }
})
目录
相关文章
|
3天前
|
JavaScript
分享经典面试题:JS数组去重的多种方法
分享经典面试题:JS数组去重的多种方法
|
9天前
|
XML JavaScript 前端开发
JavaScript简介&引入方式(JavaScript基础语法、JavaScript对象、BOM、DOM、事件监听)
JavaScript简介&引入方式(JavaScript基础语法、JavaScript对象、BOM、DOM、事件监听)
11 2
|
10天前
|
Web App开发 JavaScript 前端开发
JavaScript 中的 Range 和 Selection 对象
JavaScript 中的 `Range` 和 `Selection` 对象用于处理文本选择。`Range` 表示文档中选定的区域,而 `Selection` 表示用户选择的文本或光标位置。`Range` 可以创建并设置于任何元素或文本,具有多个属性(如 `startContainer`, `endContainer`, `collapsed`)和方法(如 `cloneContents`, `deleteContents`)。`Selection` 提供了获取和操作用户选择的方法,如 `anchorNode`, `focusNode` 和 `addRange`。两者在所有现代浏览器中基本兼容。
5 1
JavaScript 中的 Range 和 Selection 对象
|
12天前
|
JSON JavaScript 安全
向js发送含有NSDictionary对象或NSArray对象的消息
向js发送含有NSDictionary对象或NSArray对象的消息
22 0
|
12天前
|
JavaScript 前端开发
Symbol在JavaScript中还有哪些内置的Symbol可以用于定义特定的方法或属性
Symbol在JavaScript中还有哪些内置的Symbol可以用于定义特定的方法或属性
|
13天前
|
前端开发 JavaScript
前端 JS 经典:数组去重万能方法
前端 JS 经典:数组去重万能方法
18 0
|
13天前
|
前端开发 JavaScript
前端 JS 经典:判断对象属性是否存在
前端 JS 经典:判断对象属性是否存在
19 0
|
16天前
|
JSON 前端开发 JavaScript
前端 JS 经典:JSON 对象
前端 JS 经典:JSON 对象
19 0
|
1天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的无纸化学习平台附带文章和源代码设计说明文档ppt
基于ssm+vue.js+uniapp小程序的无纸化学习平台附带文章和源代码设计说明文档ppt
5 2
|
2天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的初小教育课外学习生活活动平台附带文章和源代码设计说明文档ppt
基于ssm+vue.js+uniapp小程序的初小教育课外学习生活活动平台附带文章和源代码设计说明文档ppt
5 1