js数组对象，存在项id一致的数据，需要将该项的name进行数据拼接

最新推荐文章于 2024-09-08 15:37:28 发布

述。一牛

最新推荐文章于 2024-09-08 15:37:28 发布

阅读量454

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_47981445/article/details/129147527

版权

文章讲述了如何使用JavaScript的数组方法（如sort,reduce,forEach）对包含特定属性的对象数组进行处理，将具有相同属性值的对象进行合并，将name属性值拼接，并保留一个packGoodsId。

摘要由CSDN通过智能技术生成

	//原数据
   let newArr = [
                  {name: '相当精准包（10分钟）', packGoodsId: 301},
                  {name: '相当精准包（12分钟）', packGoodsId: 301},
                  {name: '相当精准包（11分钟）', packGoodsId: 301},
                  {name: '相当精准包（20分钟）', packGoodsId: 303},
                  {name: '相当精准包（20分钟）', packGoodsId: 303},
           ];
  //需要转成下面格式。,在每个packGoodsId为一致的时候，把name拼接下来，保留一个packGoodsId
 packTypeList: [
      { "packGoodsId": 301, "name": "相当精准包（10分钟）,相当精准包（11分钟）,相当精准包（12分钟）" },
      { "packGoodsId": 303, "name": "相当精准包（20分钟）,相当精准包（20分钟）" },
   ],

方法一：
 const newArray = newArr.sort((a, b) => { return a.packGoodsId - b.packGoodsId }).reduce((init, cur, index, arr) => {
                            if (init.length > 0) {
                                for (let key in { name: '' }) {
                                    if (init[init.length - 1].packGoodsId == cur.packGoodsId) {
                                        init[init.length - 1].name += ' , '+ cur.name 
                                    } else {
                                        init.push(cur);
                                    }
                                    console.log(cur,'cur')
                                }
                            } else {
                                init.push(cur);
                            }
                            console.log(init,'init')
                            return init
                        }, [])
                        console.log(newArray,'newArray')

方法二
	  					let packGoodsIdList = [];
                        let newArrList = [];
                        newArr.forEach((item) => {
                            if (packGoodsIdList.indexOf(item.packGoodsId) == -1) {
                                packGoodsIdList.push(item.packGoodsId)
                            }
                        })
                        packGoodsIdList.forEach((item, index) => {
                            let ojb = {
                                packGoodsId: item,
                                name: ''
                            }
                            newArr.forEach(items => {
                                if (item == items.packGoodsId) {
                                    ojb.name += items.name + '  '
                                }
                            })
                            newArrList.push(ojb)
                        })
                      console.log(newArrList ,'newArrList ')