zoukankan      html  css  js  c++  java
  • 数组内多个对象合并相同的属性,值用数组合并

     var strArray = [
                {
                  key: 1, name: 'b01', typeName: '水平', data: '10.0'
                }, {
                  key: 2, name: 'b01', typeName: '竖直', data: '10.50'
                }, {
                  key: 3, name: 'b01', typeName: '斜角', data: '8.2'
                },
                {
                  key: 4, name: 'b02', typeName: '水平', data: '10.0'
                }, {
                  key: 5, name: 'b03', typeName: '水平', data: '10.50'
                }, {
                  key: 6, name: 'b02', typeName: '竖直', data: '8.2'
                }
              ]
              var map = {},
                dest = [];
              for (var i = 0; i < strArray.length; i++) {
                var ai = strArray[i];
                if (!map[ai.name]) { //依赖分组字段可自行更改!
                  dest.push({
                    name: ai.name, //依赖分组字段可自行更改!
                    data: [ai.data],
                    typeName: [ai.typeName]
                  });
                  map[ai.name] = ai; //依赖分组字段可自行更改!
                } else {
                  for (var j = 0; j < dest.length; j++) {
                    var dj = dest[j];
                    if (dj.name == ai.name) { //依赖分组字段可自行更改!
                      dj.data.push(ai.data);
                      dj.typeName.push(ai.typeName);
                      break;
                    }
                  }
                }
              }

              console.log(dest);

              dest.forEach(_val => {
                console.log(_val)
                console.log(_val.name)
                console.log(_val.data)
                _val[_val.name] = _val.data

              })
              console.log(dest);

  • 相关阅读:
    HTML基础 meta refresh 网页定时刷新
    HTML基础 meta name author 添加网页作者的信息
    HTML基础 mate refresh 5秒钟后,页面自动跳转
    HTML基础 marquee div块实现循环跑马灯的效果
    微服务jar包启动脚本
    怎么实现将word中的公式导入(或粘贴)到在线编辑中
    怎么实现将word中的公式导入(或粘贴)到网页编辑中
    Nginx实现浏览器端大文件分块上传
    javascript实现浏览器端大文件分块上传
    js实现浏览器端大文件分块上传
  • 原文地址:https://www.cnblogs.com/Ao-min/p/13880381.html
Copyright © 2011-2022 走看看