对象数组按指定属性分组返回新数组

最新推荐文章于 2023-05-24 21:21:19 发布

kitty_ELF

最新推荐文章于 2023-05-24 21:21:19 发布

阅读量710

点赞数

分类专栏：学习记录文章标签： javascript html5 html

本文链接：https://blog.csdn.net/kitty_ELF/article/details/120453643

版权

本文介绍如何处理后台返回的统一格式对象数组，按指定属性进行分组，转化为适用于动态表头绘制和数组渲染的新对象数组。通过JavaScript实现简单易懂的方法，便于后续操作和再次使用。

摘要由CSDN通过智能技术生成

因为工作需求要画各种动态复杂表头的数据表格，如下图所示：
在这里插入图片描述

以上只举例两种情况，但是后台返回的接口都是统一格式的对象数组，如下格式：

{
   
    "MeterIndex": 1,
    "Error": "-0.01",
    "Name": "PL",
    "Point": "合相_IMAX_1.0",
    "Result": true
}

所以需要自己对后台数据进行分组处理，就是把

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

kitty_ELF

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

js 数组分类(根据对象属性获取新的数组,并且能够指定返回的对象属性是哪些) 通用方式

小爬虫

10-17

1039

今天在做前端项目时候,需要调用后端接口,获取客户名称和客户Id,需要放在下拉框中 ,但是给出来的接口确实一对多的数据,也就是说,根据条件去捞数据会有重复数据,产生,比如下面代码的t1: t1:API接口获取到的数据 t2:是要实际获取到的数据怎么写一个通用函数呢,t1获取t2,既能满足需要的数据,又能指定返回的对象属性 var t1 = [{customerName : '客户0...

对象数组中，每个对象有多个属性，获取其中的一个属性返回一个新数组

weixin_30326741的博客

09-10

8924

1.给定一个数组　 series:[ {name: "使用中资源量",value: 754}, {name: "维修中资源量",value: 611}, {name: "保养中资源量",value: 400}, {name: "已损坏资源量",value: 200} ] 2.获取name/value属性希望得到value属性的数组　　arrValu...

参与评论您还未登录，请先登录后发表或查看评论

取到对象数组中某个属性的值，并返回一个数组

weixin_42892407的博客

08-20

8218

var result = detailList.map(function(item) { return item.Id; });

对象数组中选取几个特定对象的属性，返回新数组

qq_37669585的博客

09-03

2092

一个数组，里面每一项都是对象，每一个对象有很多个属性。在前后端对接中，后台会多传一些参数，在请求的时候，往往用不到所有的参数，所以需要重构集合，返回新的对象数组。例如：这里通过请求接口，原本返回的list数组里对象有很多属性通过map()遍历数组，返回新数组 listSerItem(this.postItemForm).then((response) => { this.serviceItemOptions = response.data.list.map((item) =&

后台返回的数组根据对象中的特定值进行排序

qq_37155370的博客

04-03

656

后台返回的数组根据对象中的特定值进行排序 tui字段实现顶置 this.problemlist.sort((a,b)=>a.tui>b.tui?-1:1) 可以成功实现

深入理解springIOC

堂堂百星王者

11-21

722

springIOC 手写lower版SpringIOC pom.xml <dependency> <groupId>org.jsoup</groupId> <artifactId>jsoup</artifactId> <version>1.10.2</version> </dependency> <!-- https://mvnrepository.co

Java8 对象根据某个属性分组

m0_37593004的博客

03-30

1739

这里写自定义目录标题java8特性（stream）基本思路 java8特性（stream）现在有个业务需求，就是根据对象某个属性分组并导出到excel 数据示例类型 c d A 12 13 A 14 15 B 16 17 B 18 19 类似这种格式要导出到ecxel 按照AB氛围不同的sheet 基本思路 1.先到数据库查询想要的数据 2.然后分组 3.根据类型AB来区分不同的组 4.循环，将不同组输出到不同的sheet 这个文章是说对与查询出来的List对象根据对

如何在对象集合中根据对象的某个属性来对集合进行分组

炸酱面的博客

12-27

3654

我们经常在工作中会碰到这种情况：让我将对象结合中的对象按照对象的某个属性的值进行操作，然后根据值对集合中的对象进行分组。这种情况听上去不是很难，但是在做起来的时候就会很麻烦。对不清楚Java8新特性的朋友来说，你可能会遍历数组对对象属性进行操作判断，然后在创建几个List对象去存储分组后的对象，这可能需要十几行代码。然而今天，我们来学习一下Java8的其中一个新特性：集合的流式编程，让这种操作只要几行代码搞定。一. 准备阶段 1.准备好一个实体类 public class Person{ pr

一个数组内有多个对象，将数组内对象中某个属性值相同的对象合并到一个数组，并返回变更后的数组

03-29

以下是一个示例实现： ```javascript function mergeObjectsByProperty(arr, prop) { const map = new Map(); arr.forEach(obj => {...如果没有任何两个对象在指定属性上具有相同的值，那么结果数组将与原数组相同。

javaScript 获取对象数组的对象里面想要的属性，返回一个新的数组

Mr_LiGuo的博客

04-03

4387

javaScript 获取对象数组的对象里面想要的属性，返回一个新的数组 // obj 数组或者对象 // arr 要获取对象数组的对象的key数组 // addProperty 可以往对象数组的每一个对象添加一个新的属性 reducedFilter(obj, arr, addProperty) { if (typeof (obj) !== "object...

过滤数组对象中某一相同属性、求和、个数、返回新数组；数组对象转对象

最新发布

ANNENBERG的博客

05-24

237

【代码】过滤数组对象中某一相同属性、求和、个数、返回新数组。

9、处理对象数组，获取对象某单个属性值返回新的数组

伦伦的博客

08-17

1311

凡是常用到的方法，我喜欢封装公用函数调取 /** * 处理res数据 * @param {*} arr 对象数组 * @param {*} key 对象单个属性 * @returns 数组 */ export const toArray = (arr, key) => { let weNeedArr = []; for (let index = 0; index < arr.length; index++) { const element = arr[i

数组对象去重和数组求和的几种方法

木槿之夏

09-26

4838

数组去重 1，数组对象去重：id、name，type都重复的时候，才会被去重 delRepeat(arr) { return Object.values( arr.reduce((obj, next) =&amp;gt; { var key = JSON.stringify(next); return (obj[key] = next)...

从数组对象中抓取指定的对象属性值、将对象id存到ids中，并返回新数组对象列表

钱小端~

12-22

893

我们从后端获取res后得到的是整体的数组对象列表，但是有时会有需要其中一项或几项对象来作为接口参数数组或者展示列表，只需要其中几项属性，就可以通过map方法进行筛选得到需要的值 oldList=[ {id=1,name ] ...

js将返回数组中所有数组对象合成一个数组，并根据key值分组

weixin_48005976的博客

11-11

1160

js将返回数组中所有数组对象合成一个数组，并根据key值分组

JS 字符串等于数组中的对象里面指定的属性,返回所在的位置

Aa_duidui的博客

07-23

359

var index =数组.findIndex(function(item){ return item.属性 = '传入的数据' }) var name = '张三' //传入进来的数据 var arr = [{name:'张三'},{name:'李四'}]; //符合条件的返回具体位置,没有返回-1 var index = arr.findIndex(function(item){ return item.name = name }) ...

Java Stream GroupBy 整理