JS数组对象的重复属性去重并计算重复次数,并将数组重复对象的某属性合并

乌托邦boy

于 2023-01-05 16:46:37 发布

阅读量574

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript

本文链接：https://blog.csdn.net/a1120590091/article/details/128565711

文章讲述了在处理包含手机信息的数组时，如何使用JavaScript的reduce方法替代复杂遍历，实现对重复手机模型的统计，包括设备名称、型号拆分和数量计算。通过减少冗余代码，提高了代码效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天工作有一个数组对象需要处理，之前写了一个很复杂的遍历，完善后只需reduce即可。

假设需要处理的数组对象

phoneList = [
    {phoneName:'苹果13-pro',price:8000},
    {phoneName:'苹果13-pro',price:8000},
    {phoneName:'三星-S20',price:7000},
    {phoneName:'华为-P50',price:5000},
    {phoneName:'三星-S20',price:7000}
]

使用reduce reduce方法

 
let newPhoneList = phoneList.reduce((total, cur) => {
        const hasValue = total.findIndex(current => {
          return current.phoneName === cur.phoneName
        })
        const quantity = 1
        if (hasValue === -1) {
          // 对设备名称和设备型号拆分
          cur.deivceName = cur.phoneName.substring(0, cur.phoneName.indexOf('-'))
          cur.deviceModel = cur.phoneName.substring(cur.phoneName.indexOf('-') + 1, cur.phoneName.length)
          // 统计设备出现的数量
          cur.quantity = 1
          total.push(cur)
        } else {
          // 统计设备出现的数量
          total[hasValue].quantity += quantity
          total[hasValue].price = total[hasValue].price + cur.price
        }
        return total
      }, [])

结果如下完美