数据转换：将数组对象中某个值相同的对象合并为一个新的对象

*初级小白*~

已于 2022-03-12 18:00:00 修改

阅读量902

点赞数

CC 4.0 BY-SA版权

分类专栏： js练习数据转换文章标签： javascript

于 2022-03-12 14:26:35 首次发布

本文链接：https://blog.youkuaiyun.com/ScumStudy/article/details/123443336

数据转换同时被 2 个专栏收录

6 篇文章

订阅专栏

js练习

3 篇文章

订阅专栏

这篇博客探讨了如何使用JavaScript将具有相同值的对象在数组中合并成一个新对象。通过实例展示了如何有效地处理和整合重复数据。

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

原数据：
在这里插入图片描述
转换为：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    let beforeData=[
        { name: "tony", id: "1", age: "20" },
        { name: "jack", id: "2", age: "21" },
        { name: "tony", id: "3", age: "50" },
        { name: "jack", id: "4", age: "10" },
        { name: "mark", id: "5", age: "22" },
        { name: "mark", id: "6", age: "40" }
      ]
    let tempArr=[],afterData=[]
    for(let i =0;i<beforeData.length;i++){
      // console.log(beforeData[i])
      console.log(tempArr.indexOf(beforeData[i].name))
      //检查tempArr是否存在beforeData的name值，为-1不存在
      if(tempArr.indexOf(beforeData[i].name)==-1){
        //不存在此name，因此加入数据
        afterData.push({
          name:beforeData[i].name,
          data:[beforeData[i]]
        })
        //同时tempArr加入相应的name值
        tempArr.push(beforeData[i].name)
      }else{
        //tempArr存在name值
        for(let j=0;j<afterData.length;j++){
          // console.log(afterData[i])
          if(afterData[j].name==beforeData[i].name){
            afterData[j].data.push(beforeData[i])
            break
          }
        }
      }
    }
    console.log(beforeData)
    console.log(afterData)
  </script>
</body>

</html>