前言:
大部分后端返回给前端的数据,是json形式的。里边包含了响应码,响应信息,有些还会返回数组对象等。现在有一个业务场景,我调用明细查询接口,返回的数据是一个对象数组的形式,但是我只需要对象中的某些属性值。这个时候我就需要想办法提取我所需要的值,然后组合成一个新的对象数组。
简单来说就是:数组套数组套对象的时候,而我要取得东西就是对象下的key对应的value时。如下图:
1、 接口返回数据
2、for …of 遍历+数据组合
方法:for… of(ES6的新增特性,比之前使用的双层for循环好用多了)
步骤
- 1、首先遍历数组对象(使用for…of)
- 2、然后根据对象取值,将取出来的值放入新的对象。
- 3、最后将新的对象放入,对象数组中
3、效果
就可以将组合后的数据,遍历展示到页面。
4、提示
- 1、有些返回的数据不是数组对象,而是数组。就是数组里边嵌套数组。这个时候,你就可以先遍历出每一个数组,然后用下标索引的方式进行取值,在组合。
- 2、有些返回的值是数字,你就可以单独写一个方法进行字符串替换。然后先拿到返回的数据,作为参数传入替代方法。返回替换后的结果
资料参考:JS遍历数组里数组下的对