//1.找出数组中相同的元素
 getRepeatNum(arr) {
let obj = {};
for (let i = 0, len = arr.length; i < len; i++) {
if (obj[arr[i]] == undefined) {
obj[arr[i]] = 1;
} else {
obj[arr[i]]++;
}
}
for (let key in obj) {
obj[key] <= 1 && delete obj[key];
}
return Object.keys(obj);
},
//2.根据数组的某个参数进行分组

    getGroupNum(arr) {
        let newArry = {};
for (let i = 0; i < arr.length; i++) {
if (newArry[arr[i].num.errcode]) {
newArry[arr[i].num.errcode].push(arr[i].num.num)
}
else {
newArry[arr[i].num.errcode] = [arr[i].num.num]
}
}
return newArry
},

变型:

      getGroupNum(arr) {
let newArry = {};
for (let i = 0; i < arr.length; i++) {
const obj = {
time:arr[i].statis_time,
num:arr[i].num.num,
};
if (newArry[arr[i].num.errcode]) {
newArry[arr[i].num.errcode].push(obj)
}
else {
newArry[arr[i].num.errcode] = [obj]
}
}
return newArry
},

遍历:数组或对象

                    let errcodeRepeat = this.getRepeatNum(errcode);
let seriesData = this.getGroupNum(res.data.info);
errcodeRepeat.map(item=>{//数组
series.push({
name:item,
data:seriesData[item],
type:'line',
})
});
                    const seriesObj = this.getGroupNum(res.data.info);
const xAxis = res.data.info.map(item => item.statis_time);
// const xAxisGroup = [];
const errcode = [];
const series = [];
Object.keys(seriesObj).map(key=>{//对象:key和obj(key)
errcode.push(key);
// const xAxisData = [];
const seriesData = [];
seriesObj[key].map(item=>{
// xAxisData.push(item.time);
seriesData.push(item.num);
});
// xAxisGroup.push({
// data:xAxisData,
// });
series.push({
name:key,
data:seriesData,
type:'line',
});
});

总结:

首先拿到的是一堆未分组的数组:[{...}];

其次根据某个字段进行分组等到:

1.对象:{key:[...]}

2.新数组:[

{ name:key,data:[]}

...

]

实现方法:

//数组变型得到新数组
arryGroupMatch(arr) {
var map = {}
var dest = []
for (var i = ; i < arr.length; i++) {
var ai = arr[i]
if (!map[ai.errno]) {
dest.push({
errno: ai.errno,
data: [ai]
})
map[ai.errno] = ai
} else {
for (var j = ; j < dest.length; j++) {
var dj = dest[j]
if (dj.errno === ai.errno) {
dj.data.push(ai)
break
}
}
}
}
return dest
} // lodash插件方法:
import _ from 'lodash'
const oldArr = _.groupBy(arr, 'xxx');//对象
let newArr = []
Object.keys(oldArr).forEach(key=>{// 数组
newArr.push({name:key,data:oldArr[key]})
})

JS数组分组的更多相关文章

  1. js对数组分组处理

    一.js数组分组 1.js对数据分组类似group by 源码如下: <!DOCTYPE html> <html lang="en"> <head&g ...

  2. 小兔JS教程(四)-- 彻底攻略JS数组

    在开始本章之前,先给出上一节的答案,参考答案地址: http://www.xiaotublog.com/demo.html?path=homework/03/index2 1.JS数组的三大特性 在J ...

  3. js数组学习整理

    原文地址:js数组学习整理 常用的js数组操作方法及原理 1.声明数组的方式 var colors = new Array();//空的数组 var colors = new Array(3); // ...

  4. 转→js数组遍历 千万不要使用for...in...

    看到一篇内容还不错,但是排版实在糟糕, 逼死强迫症患者啊,直接拉下去找原文连接,找到了,但是已经消失了···500错误... 第一次因为实在看不下去一篇博客的排版, 为了排版而转载... 转载地址:h ...

  5. js数组操作大全

    原文(http://www.cnblogs.com/webhotel/archive/2010/12/21/1912732.html) 用 js有很久了,但都没有深究过js的数组形式.偶尔用用也就是简 ...

  6. js数组去重的4种方法

    js数组去重,老生长谈,今天对其进行一番归纳,总结出来4种方法 贴入代码前 ,先对浏览器Array对象进行支持indexOf和forEach的polyfill Array.prototype.inde ...

  7. PHP 根据key 给二维数组分组

    我们经常拿到一个二维数组出来,会发现结果和自己想要的有些偏差,可能需要根据二维数组里的某个字段对数组分组.先来看以下数组, Array ( [0] => Array ( [id] => 1 ...

  8. js 数组处理函数

    本文转载自有有<js 数组处理函数> concat 将参数列表连接到原数组后面形成一个新的数组并返回,原有数组不受影响. var arr = ["a","b& ...

  9. js 数组赋值问题 :值传递还是引用?

    转载于知乎var a = [1,2,3]; var b = a; a = [4,5,6]; alert(b); //[1,2,3] 面试时被问到这样一个问题,竟然从来没试过... 当时直接的理解,数组 ...

随机推荐

  1. Spark SQL 性能优化再进一步:CBO 基于代价的优化

    摘要: 本文将介绍 CBO,它充分考虑了数据本身的特点(如大小.分布)以及操作算子的特点(中间结果集的分布及大小)及代价,从而更好的选择执行代价最小的物理执行计划,即 SparkPlan. Spark ...

  2. Linux学习笔记之五————Linux常用命令之用户、权限管理

    一.引言 用户是Unix/Linux系统工作中重要的一环,用户管理包括用户与组账号的管理. 在Unix/Linux系统中,不论是由本机或是远程登录系统,每个系统都必须拥有一个账号,并且对于不同的系统资 ...

  3. RPC的原理总结

    一.RPC的引入 早期单机时代,一台电脑上运行多个进程,大家各干各的,老死不相往来.假如A进程需要一个画图的功能,B进程也需要一个画图的功能,程序员就必须为两个进程都写一个画图的功能.这不是整人么?于 ...

  4. Gradle学习系列之读懂Gradle语法

    转载地址: http://www.cnblogs.com/CloudTeng/p/3418072.html Gradle是一种声明式的构建工具.在执行时,Gradle并不会一开始便顺序执行build. ...

  5. TCP/IP 笔记 - 超时和重传

    TCP协议为了提供可靠的数据传输服务,会启动数据重传来解决下层网络层(IP)可能出现的数据包丢失. 超时重传介绍 TCP重传由两套独立机制来完成重传,基于时间的超时重传(RTO,TCP发送数据时会设置 ...

  6. sql cast,convert,QUOTENAME,exec 函数学习记录

    语法 使用 CAST: CAST ( expression AS data_type ) 使用 CONVERT: CONVERT (data_type[(length)], expression [, ...

  7. (转)创建GitHub技术博客

    https://blog.csdn.net/renfufei/article/details/37725057

  8. Hibernate学习(五)———— hibernate一对一关系映射详解

    一.一对一关系的概述 一对一关系看起来简单,其实也挺复杂的.其中关系就包含了四种,单向双向和主键关联外键关联. 什么意思呢,也就是包含了单向一对一主键关联.双向一对一主键关联,单向一对一外键关联,双向 ...

  9. MAC ACL、RACL和VACL

    拓扑结构: 配置IP地址.VLAN及路由: SW1(config)#int range f0/1 - 2SW1(config-if-range)#switchport mode accessSW1(c ...

  10. 自动化运维(2)之一键式单实例安装MySQL

    ZMySQLAutoTools文档 目标:自动化构建部署MySQL数据库,一键式单实例mysql安装,备份,监控,主从集群部署等.以及jdk,tomcat,nginx等基础中间件的自动化部署安装及运维 ...