js实现数组对象相同值合并，同类值叠合，不同值不处理

最新推荐文章于 2023-09-05 10:11:39 发布

岁月如歌_

最新推荐文章于 2023-09-05 10:11:39 发布

阅读量1.7k

点赞数 2

分类专栏： javascript 前端原生js

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

版权

前端同时被 3 个专栏收录

33 篇文章 4 订阅

订阅专栏

javascript

24 篇文章 1 订阅

订阅专栏

原生js

13 篇文章 0 订阅

订阅专栏

<!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 =  [
{instanceId: "123", nodeGuids: "222"},
{instanceId: "123", nodeGuids: "444"},
{instanceId: "345", nodeGuids: "333"},
{instanceId: "234", nodeGuids: "111"},
{instanceId: "345", nodeGuids: "333"},
{instanceId: "345", nodeGuids: "333"},
{instanceId: "345", nodeGuids: "333"},
{instanceId: "345", nodeGuids: "333"},
{instanceId: "345", nodeGuids: "333"},
]

// 函数封装
    function mergeArr(arr){
    var newArr=[];
        arr.forEach(item=>{
        var dataItem =item
            if(newArr.length>0){
                var filterValue = newArr.filter(v=>{
                   return v.instanceId == dataItem.instanceId
                })
                if(filterValue.length>0){
                    newArr.forEach(n=>{
                       if( n.instanceId ==filterValue[0].instanceId){
                        n.nodeGuids.push(dataItem.nodeGuids)
                       } 
                    })
                }else{
                  var  newDataItem={
                        instanceId:dataItem.instanceId,
                         nodeGuids:[dataItem. nodeGuids]
                    }
                    newArr.push(newDataItem)
                }
            }else{
                var  newDataItem={
                        instanceId:dataItem.instanceId,
                         nodeGuids:[dataItem.nodeGuids]
                    }
                    newArr.push(newDataItem)
            }
    
    })
    return newArr
    }
    // 新的数组对象
   let newMergeArr =mergeArr(arr)
   // 输出结果
   console.log(newMergeArr)
</script>
 
</html>

结果：

岁月如歌_

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
js实现数组对象相同值合并，同类值叠合，不同值不处理

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="...
复制链接

扫一扫