JS数组分组
//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数组分组的更多相关文章
- js对数组分组处理
一.js数组分组 1.js对数据分组类似group by 源码如下: <!DOCTYPE html> <html lang="en"> <head&g ...
- 小兔JS教程(四)-- 彻底攻略JS数组
在开始本章之前,先给出上一节的答案,参考答案地址: http://www.xiaotublog.com/demo.html?path=homework/03/index2 1.JS数组的三大特性 在J ...
- js数组学习整理
原文地址:js数组学习整理 常用的js数组操作方法及原理 1.声明数组的方式 var colors = new Array();//空的数组 var colors = new Array(3); // ...
- 转→js数组遍历 千万不要使用for...in...
看到一篇内容还不错,但是排版实在糟糕, 逼死强迫症患者啊,直接拉下去找原文连接,找到了,但是已经消失了···500错误... 第一次因为实在看不下去一篇博客的排版, 为了排版而转载... 转载地址:h ...
- js数组操作大全
原文(http://www.cnblogs.com/webhotel/archive/2010/12/21/1912732.html) 用 js有很久了,但都没有深究过js的数组形式.偶尔用用也就是简 ...
- js数组去重的4种方法
js数组去重,老生长谈,今天对其进行一番归纳,总结出来4种方法 贴入代码前 ,先对浏览器Array对象进行支持indexOf和forEach的polyfill Array.prototype.inde ...
- PHP 根据key 给二维数组分组
我们经常拿到一个二维数组出来,会发现结果和自己想要的有些偏差,可能需要根据二维数组里的某个字段对数组分组.先来看以下数组, Array ( [0] => Array ( [id] => 1 ...
- js 数组处理函数
本文转载自有有<js 数组处理函数> concat 将参数列表连接到原数组后面形成一个新的数组并返回,原有数组不受影响. var arr = ["a","b& ...
- js 数组赋值问题 :值传递还是引用?
转载于知乎var a = [1,2,3]; var b = a; a = [4,5,6]; alert(b); //[1,2,3] 面试时被问到这样一个问题,竟然从来没试过... 当时直接的理解,数组 ...
随机推荐
- springboot配置监听器、过滤器和拦截器
监听器:listener是servlet规范中定义的一种特殊类.用于监听servletContext.HttpSession和servletRequest等域对象的创建和销毁事件.监听域对象的属性发生 ...
- Java:Cookie实现记住用户名、密码
package com.gamecenter.api.util; import java.io.IOException; import java.io.PrintWriter; import java ...
- Linux 软件安装到 /usr,/usr/local/ 还是 /opt 目录?
转自:https://blog.csdn.net/aqxin/article/details/48324377 Linux 的软件安装目录是也是有讲究的,理解这一点,在对系统管理是有益的 /usr:系 ...
- Java:类与对象概念
什么是类? 怎样定义一个类? 什么是对象,类和对象之间是什么关系,怎样创建一个对象? 对象引用和对象在内存中是如何分配的? 什么是类? 1. 类是具有相同的属性和功能的事物的抽象的集合,在面向对象 ...
- redis 集群搭建: redis-cluster
前言 redis数据存储在内存中, 就会受到内存的限制, 大家都知道, 一台电脑, 硬盘可以有1T, 但是内存, 没有听说有1T的内存吧. 那如果数据非常多, 超过一台电脑的内存空间, 怎么办呢? 正 ...
- C语言第三讲,基本数据类型
C语言第三讲,基本数据类型 一丶基本数据类型讲解 在C语言当中,有四种基本数据类型 分别是: 整形 浮点型 指针 聚合类型(数组和结构) 整型家族包括: 字符 短整型 整形 长整型 ** 都分为有符号 ...
- iOS ipa包瘦身,iOS8及以下text段超60MB
前沿 很早之前写过一篇相关文章,不过博客主机上跑路了之后数据没了,凭着记忆补了下相关资料 ipa安装包瘦身 清理无用图片,图片压缩(PNG换WebP和JPG),处于某种不可抗拒的原因,导致有部分3X图 ...
- DML和索引内部结构变化
1.修改数据对索引结构的影响 合适的索引对查询性能和效率的提升是巨大的,但是万事有利有弊,拥有索引的表在增.删.改记录时需要去维护索引.如何让增.删.改更快速更高效?这就需要了解数据修改时对索引结构会 ...
- C++多重继承的构造执行顺序
一个类,它可能有基类,也可能存在多个基类,这些类里面还可能是虚拟基类,并且在类的本身也可能存在对象成员.那么所涉及的这些类或对象成员会以什么样的顺序来调用它们各自的构造函数呢?今天我们就来举例分析下. ...
- windows server 证书的颁发与IIS证书的使用
最近工作业务要是用服务器证书验证,在这里记录下一. 1.添加服务器角色 [证书服务] 2.一路下一步直到证书服务安装完成; 3.选择圈选中的服务器证书 4.点击[创建证书申请] 5.填写信息 6.下一 ...