js数组对象的相同值相加合并

最新推荐文章于 2025-04-10 11:42:23 发布

岁月如歌_

最新推荐文章于 2025-04-10 11:42:23 发布

阅读量1.2w

点赞数 3

本文链接：https://blog.csdn.net/namechenfl/article/details/93750462

版权

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

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

<body>

</body>
<script>
    // js数组对象相同值相加，不同添加
   var arr = [{id:1,name:'aaa'},{id:1,name:'bbb'},{id:1,name:'bbb'},{id:2,name:"ccc"},{id:3,name:'bbb2'},{id:3,name:'bbb'},,{id:2,name:"c2cc"},,{id:555,name:"ccc"}]
    function mergeArr(arr){
    var newArr=[];
        arr.forEach(item=>{
        var dataItem =item
            if(newArr.length>0){
                var filterValue = newArr.filter(v=>{
                   return v.id == dataItem.id
                })
                if(filterValue.length>0){
                    newArr.forEach(n=>{
                       if( n.id ==filterValue[0].id){
                           n.name =  filterValue[0].name +dataItem.name
                       } 
                    })
                }else{
                    newArr.push(dataItem)
                }
            }else{
                newArr.push(dataItem)
            }
    
    })
    return newArr
    }

   
   console.log(mergeArr(arr))
</script>

</html>