js将数组对象中某个值相同的对象合并成一个新对象

本文介绍了一种数据分类优化方法,通过对不同类型的数据进行有效分类,提高数据处理效率。文章详细阐述了如何利用不同类型的行业属性和个人偏好进行数据归类,通过实例展示了如何将相似类型的数据聚合在一起,以便于后续的数据分析和处理。
listData: [
        { type: 1, typeName: '行业属性', name: '业主' },
        { type: 1, typeName: '行业属性', name: '物业' },
        { type: 2, typeName: '职业属性', name: '项目经理' },
        { type: 3, typeName: '个人偏好', name: '招聘' },
        { type: 1, typeName: '行业属性', name: '劳务' },
        { type: 3, typeName: '个人偏好', name: '职场交流' },
        { type: 2, typeName: '职业属性', name: '设计师' },
]

let newArr = []
    let teamArr = []
    let listData = this.listData
    for (let i = 0; i < listData.length; i++) {
      if (!teamArr.includes(listData[i]['type'])) {
        newArr.push({
          id: listData[i]['type'],
          name: listData[i]['typeName'],
          data: [listData[i]]
        })
        teamArr.push(listData[i]['type'])
      } else {
        for (let n = 0; n < newArr.length; n++) {
          if (newArr[n]['id'] == listData[i]['type']) {
            newArr[n].data.push(listData[i])
            break
          }
        }
      }
    }
    this.afterArr = newArr
    console.log(newArr)

 

在 JavaScript 中,将对象数组中某个字段相同对象合并并生新对象数组有多种方法,下面介绍几种常见的实现方式。 ### 方法一:将相同`name`字段属性的对象放入`children`的数组中 ```javascript function handlerDatas(arr) { const obj = {}; let keyList = []; arr.forEach((item) => { const { name } = item; if (!obj[name]) { obj[name] = { name, children: [] }; keyList.push(obj[name]); } obj[name].children.push(item); }); return keyList; } // 示例数据 const result = [ { name: 'A', value: 1 }, { name: 'B', value: 2 }, { name: 'A', value: 3 } ]; const newArray = handlerDatas(result); console.log(newArray); ``` 此方法通过遍历数组,以`name`字段为键创建一个对象,将具有相同`name`的对象放入`children`数组中,最终返回一个包含合并对象的新数组[^1]。 ### 方法二:将数组对象根据某一重复字段分类,生新的数组对象 ```javascript let arr = [ { title: 'T1', scores: 80, other: 'info1' }, { title: 'T2', scores: 90, other: 'info2' }, { title: 'T1', scores: 85, other: 'info3' } ]; let tempArr = []; let Data = []; for (let i = 0; i < arr.length; i++) { if (tempArr.indexOf(arr[i].title) === -1) { Data.push({ title: arr[i].title, scores: arr[i].scores, dataInfo: [arr[i]] }); tempArr.push(arr[i].title); } else { for (let j = 0; j < Data.length; j++) { if (Data[j].title === arr[i].title) { Data[j].dataInfo.push(arr[i]); break; } } } } console.log(Data); ``` 该方法使用两个嵌套的`for`循环,先检查`title`字段是否已存在于`tempArr`中,如果不存在则创建一个新对象并添加到`Data`数组中,若存在则将当前对象添加到对应的`dataInfo`数组中[^3]。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值