JS遍历数组里数组下的对象,根据数组中对象的某些值,组合成新的数组对象

news/2024/7/19 13:42:09 标签: js, json
三连哦

前言:

       大部分后端返回给前端的数据,是json形式的。里边包含了响应码,响应信息,有些还会返回数组对象等。现在有一个业务场景,我调用明细查询接口,返回的数据是一个对象数组的形式,但是我只需要对象中的某些属性值。这个时候我就需要想办法提取我所需要的值,然后组合成一个新的对象数组。

简单来说就是:数组套数组套对象的时候,而我要取得东西就是对象下的key对应的value时。如下图:

1、 接口返回数据

在这里插入图片描述

2、for …of 遍历+数据组合

方法:for… of(ES6的新增特性,比之前使用的双层for循环好用多了)

步骤

  • 1、首先遍历数组对象(使用for…of)
  • 2、然后根据对象取值,将取出来的值放入新的对象。
  • 3、最后将新的对象放入,对象数组中
    在这里插入图片描述

3、效果

就可以将组合后的数据,遍历展


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

相关文章

代码随想录算法训练营第五十六天 | 583. 两个字符串的删除操作、72. 编辑距离、编辑距离总结

583. 两个字符串的删除操作 动规五部曲 1、确定dp数组(dp table)以及下标的含义 dp[i][j]:以i-1为结尾的字符串word1,和以j-1位结尾的字符串word2,想要达到相等,所需要删除元素的最少次数。 2、确定递推…

GEE:应用遥感影像时空插值技术的实践

作者:_养乐多_ 本文介绍了几个 Google Earth Engine (GEE) 平台中常用的处理遥感数据中的缺失值代码片段,这些代码可以用于在时间序列中对遥感图像进行线性插值,提供更加连续和完整的时间序列。 第一段代码是一个线性插值函数,它…

机械学习模型训练常用代码(随机森林、聚类、逻辑回归、svm、线性回归、lasso回归,岭回归)

一、数据处理(特征工程) 更多pandas操作请参考添加链接描述pandas对于文件数据基本操作 导入的包sklearn pip3 install --index-url https://pypi.douban.com/simple scikit-learn缺失值处理 #缺失值查看 df.replace(NaN , np.nan, inplaceTrue)#将数…

LLM背景知识总结

vocab 和 merge table 在自然语言处理中,Token 是指一段文本中的基本单位,通常是一个词、一个词组或者一个字符。Tokenization 是将一段文本分解为一系列的 Token 的过程。 vocab 文件和 merge table 可以用来将原始文本分割成一系列的 token。 1,Vocab 文件,全称为 voc…

React 的源码与原理解读(六):reconcileChildren 与 DIFF 算法

写在专栏开头(叠甲) 作者并不是前端技术专家,也只是一名喜欢学习新东西的前端技术小白,想要学习源码只是为了应付急转直下的前端行情和找工作的需要,这篇专栏是作者学习的过程中自己的思考和体会,也有很多参…

Kotlin 基础 笔记

这里写目录标题变量函数条件语句if/else 语句when 语句if/else 表达式 和 when 表达式Kotlin 中的null使用 ?: Elvis 运算符类和对象构造函数类之间的关系可见性修饰符定义属性委托变量 变量是存储单项数据的容器,必须先声明变量,才可以使用。 常见的数…

以太网交换机端口类型有哪些?

因以太网交换机的速率和功能等各不相同,以太网交换机端口类型也有所不同。海翎光电的小编将从传输速率、功能以及网络体系结构三个方面,为您简单介绍一些常见的以太网交换机端口类型,帮助您更好地了解它们之间的差异性,为将来网络…

ERTEC200P-2 PROFINET设备完全开发手册(5-3)

5.3 标识和维护数据(I&M) 标识和维护数据是一类特殊的数据记录,其中 “I&M0”(“16#AFF0”)用于有关模块或设备的常规信息。包含的信息例如:订货号/Order-ID, 硬件软件版本/hard- and software v…