#yyds干货盘点 【React工作记录七】如何对数组进行一个过滤操作map

简介: #yyds干货盘点 【React工作记录七】如何对数组进行一个过滤操作map

需求

今天产品找到我 你这边切换的状态数据太多了需要进行一个过滤


解决思路

我们先来看一下数据的一个格式

0: {key: '1202103251527168888718235', value: '已创建', sortKey: 0}
1: {key: '1202012151142378888180559', value: '待审核', sortKey: 1}
2: {key: '1202012151142538888575854', value: '已审核', sortKey: 2}
3: {key: '1202103251003198888698119', value: '审核不通过', sortKey: 3}
4: {key: '1202104011841058888608955', value: '审核中(作废)', sortKey: 5}
5: {key: '1202104021508208888148066', value: '已取消', sortKey: 6}
6: {key: '116322908368408888582803', value: '自动审核', sortKey: 7}

代码



let arr=[]
 RecentList.map(item => {
     if(item.key!=='1202103251527168888718235'&&item.
key!=='1202104011841058888608955'&&item.key!=='116322908368408888582803'){
       arr.push({key:item.key,value:item.value})
     }
   })

运行结果

image.png


相关文章
|
5月前
|
JSON JavaScript 前端开发
前端 ex2json 用于 vue/react/js 将 xls、xlsx、csv 文件转成 json 数组
前端 ex2json 用于 vue/react/js 将 xls、xlsx、csv 文件转成 json 数组
97 0
|
6月前
|
前端开发
react里map嵌套
react里map嵌套
|
6月前
|
前端开发 JavaScript
react 数组下标来作为 react组件中的key
react 数组下标来作为 react组件中的key
60 0
|
4月前
|
前端开发
基础react加一减一操作
基础react加一减一操作
|
4月前
|
前端开发 调度
高端操作:把 React Scheduler 掏出来单独用
高端操作:把 React Scheduler 掏出来单独用
|
5月前
|
前端开发 JavaScript
react中的useState为什么是一个数组,而不是一个对象?
react中的useState为什么是一个数组,而不是一个对象?
46 0
|
6月前
|
前端开发
前端笔记:React的form表单全部置空或者某个操作框置空的做法
在React框架前端开发中,经常会有弹出框的开发,涉及到弹出框,难免就会有表单。一般在关闭弹出框或者对表单联动时,往往都需要考虑对表单进行置空操作了。
48 0
|
8月前
|
前端开发 JavaScript API
immer:优雅操作react数据状态,告别繁琐克隆拷贝
immer:优雅操作react数据状态,告别繁琐克隆拷贝
|
9月前
|
前端开发
react对数组进行展开显示
react对数组进行展开显示
56 0
|
9月前
|
前端开发 数据处理
react中filter数组的使用
react中filter数组的使用
45 0