对象数组中将某指定属性相同的项归纳为一个数组

news/2024/7/10 22:45:26 标签: javascript, jquery, vue.js

记一次和后端交互的数据转换
项目中有引入echarts的需求,echarts本身有自己的数据格式,分为柱状图、饼状图等等,详情移步echarts官网echarts官网示例巴拉巴拉这些都是废话,只是让自己有点记忆,der

show code

话不多说,上代码,后端返回数据:
在这里插入图片描述
而我需要的是如下所示数据结构,才能继续进行其他逻辑运算以便获取我要的echarts数据格式:
在这里插入图片描述
所以,数据结构转换如下(如果路过大神有更好办法,emmmmmm,请路过即可):
在这里插入图片描述
第一个参数是你要转换的数组,第二个参数是你要指定的属性(例如:sortArr( myArr, ‘name’)
如此就能得到图二的结构了,然后进行一顿逻辑,就可以转换成你要的echarts数据啦!!

做人,最重要的是开心嘛,der
在这里插入图片描述


http://www.niftyadmin.cn/n/1845739.html

相关文章

前端工作中常用的css整理

1、单行文本的溢出显示省略号(一定要有宽度) p{width:200rpx;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}2、多行文本溢出显示省略号 p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidd…

前端常用组件库和Api地址

现在的前端库很多,选择适合自己的一个对开发有很大帮助,这里大家给大家列出来一些,官网API很详细。 一. 移动端 1. Vant Vant 是有赞前端团队开源的移动端组件库,于 2016 年开源,已持续维护 4 年时间。Vant 对内承载了…

《Flutter 控件大全》第六十七个:Placeholder

如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit)。同时也欢迎关注我的Flutter公众号【老孟程序员】,公众号首发Flutter的相关内容。Flutter地址:http://laomengit.com 里面包含160多个组件的详细用法。Placeholder是一个占位符控件,用…

《Flutter 控件大全》第六十八个:Positioned

如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit)。同时也欢迎关注我的Flutter公众号【老孟程序员】,公众号首发Flutter的相关内容。Flutter地址:http://laomengit.com 里面包含160多个组件的详细用法。Positioned用于定位Stack子组件,…

《Flutter 控件大全》第六十九个:PositionedDirectional

如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit)。同时也欢迎关注我的Flutter公众号【老孟程序员】,公众号首发Flutter的相关内容。Flutter地址:http://laomengit.com 里面包含160多个组件的详细用法。PositionedDirectional用于定位S…

《Flutter 控件大全》第七十个:PositionedTransition

如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit)。同时也欢迎关注我的Flutter公众号【老孟程序员】,公众号首发Flutter的相关内容。Flutter地址:http://laomengit.com 里面包含160多个组件的详细用法。PositionedTransition 定位控件…

vue页面缓存的几种方法和keepAlive的使用场景

vue中keepAlive的使用 在开发中经常有从列表跳到详情页,然后返回详情页的时候需要缓存列表页的状态(比如滚动位置信息),这个时候就需要保存状态,要缓存状态;vue里提供了keep-alive组件用来缓存状态。 可以用…

《Flutter 控件大全》第七十一:LinearProgressIndicator、CircularProgressIndicator、RefreshProgressIndicator

如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit)。同时也欢迎关注我的Flutter公众号【老孟程序员】,公众号首发Flutter的相关内容。Flutter地址:http://laomengit.com 里面包含160多个组件的详细用法。LinearProgressIndicator 水平进…