您现在的位置是:首页 > 正文

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

2024-04-12 18:57:44阅读 12
<!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>

 

网站文章

  • Ytu oj 折半查找

    题目描述 有n个数(n&lt;=1000000),这n个数已按从大到小顺序存放在一个数组中,然后有T次查询,每次输入一个数,要求用折半查找法找出该数在数组中第一次出现的位置。如果不在数组中输出0。 输入 第一行数组元素的个数n 第二行n个数组元素的值 第三行输入查询次数T (T&lt;=100000) 往下有T行,每行输入一个需要查询的数字 输出 查找的值在数组中的位置 样例...

    2024-04-12 18:57:36
  • vim 常用命令

    :close - close a window:only - close all other windows:split otherFile.txt - split a window on anoth...

    2024-04-12 18:57:17
  • jcanvas空心五角星

    const rd90 = Math.PI / 180 * 90;const rd75 = Math.PI / 180 * 36;let arr={ strokeStyle: '#000', st...

    2024-04-12 18:57:12
  • 后续(移植到手机上)

    后续(移植到手机上)

    上一篇博客中介绍了如何使用Tensorflow object detection API 搭建属于自己的物体识别模型(https://blog.csdn.net/dy_guox/article/det...

    2024-04-12 18:57:04
  • 寸金学院计算机专业,湛江寸金学院2007-2008计算机控制技术期末考试试题(2份)...

    内容简介:计算机控制技术期末考试试题一、单项选择题(本大题共10小题,每小题2分,共20分)在每小题列出的四个备选项中只有一个是符合题目要求的,请将其代码填写在题后的括号内。错选、多选或未选均无分。1...

    2024-04-12 18:56:57
  • sql点滴39—解决数据库日志文件过大的问题

    sql点滴39—解决数据库日志文件过大的问题

    随着数据库使用时间增长,日志文件也在不停的增大,这里介绍几种方法减小这个文件的方法。 1.直接删除log文件 分离数据库。分离数据库之前一定要做好数据库的全备份,选择数据库——右键——任务——分离,如下图 将日志文件和数据文件复制粘贴到另外一个文件夹中以防万一。删除链接,如下图 直接删除日志文件,然后再附加数据库,如下图 附加的时候会自动将ldf文件和mdf文件都附加上,但是...

    2024-04-12 18:56:36
  • mmclassification注意事项-修改、增加模块,测试时参数说明

    mmclassification注意事项-修改、增加模块,测试时参数说明

    1.测试image_demo.py效果时,在windows下传入参数为绝对路径,不然可能找不着。 2.测试时参数说明test.py 3.修改、增加模块 3.1配置文件D:\Code\mmclassif...

    2024-04-12 18:56:23
  • Docker - Docker Volume及Volume命令详解

    Docker学习(四)- Docker Volume及Volume命令详解 什么是数据卷(Volume) Docker镜像被存储在一系列的只读层中。当我们创建一个容器时,Docker会读取镜像(只读)...

    2024-04-12 18:56:01
  • 太阳系行星运行图-java多媒体实验

    太阳系行星运行图-java多媒体实验

    编写多线程程序,太阳和其他每个行星分别对应一个线程。给定一个数d,要求每个行星都以其实际速度d倍的速度行进。假设太阳是不动的。所以其他行星的速度应当取相对于太阳的速度。每个行星于太阳的距离应当取实际距...

    2024-04-12 18:55:55
  • 可视化微服务(API)编排平台,全面替换ESB时代到来

    可视化微服务(API)编排平台,全面替换ESB时代到来

    什么是微服务(API)编排? 微服务编排是指把已经开发好的微服务API接口(Restful、WebService、Dubbo、gRPC…)按照一定的业务逻辑和流程进行可视化编排的过程,微服务编排平台会...

    2024-04-12 18:55:48