【React工作记录五十九】根据key值过滤形成新得数组

简介: 【React工作记录五十九】根据key值过滤形成新得数组

导语

根据key值过滤形成新得数组




编辑


核心实现代码

var arr = [{ key: '', value: '所有' }];
    orderStatusList &&
      orderStatusList.map((item) => {
        if (
          item.key == '1202011271718478888579391' ||
          item.key == '1202011271718328888637809' ||
          item.key == '1202011271718158888762334' ||
          item.key == '116345258629988888989281' ||
          item.key == '1202011271719298888433205' ||
          item.key == '1202011271718568888010433'
        )
          arr.push({
            key: item.key,
            value: item.value,
          });
      });

运行结果

image.png

相关文章
|
7月前
|
JSON JavaScript 前端开发
前端 ex2json 用于 vue/react/js 将 xls、xlsx、csv 文件转成 json 数组
前端 ex2json 用于 vue/react/js 将 xls、xlsx、csv 文件转成 json 数组
168 0
|
前端开发 索引
react中什么情况下不能用index作为key
react中什么情况下不能用index作为key
158 0
|
2月前
|
JavaScript 前端开发 算法
写 React / Vue 项目时为什么要在列表组件中写 key
在React或Vue项目中,为列表组件中的每个元素添加唯一的key属性,有助于框架高效地更新和渲染列表。Key帮助虚拟DOM识别哪些项已更改、添加或删除,从而优化性能并减少不必要的重新渲染。
|
6月前
|
前端开发 索引
解决React报错Encountered two children with the same key
解决React报错Encountered two children with the same key
|
前端开发 JavaScript
react 数组下标来作为 react组件中的key
react 数组下标来作为 react组件中的key
123 0
|
7月前
|
前端开发 JavaScript 数据库
React一般可以用哪些值作为key?
React一般可以用哪些值作为key?
|
7月前
|
JavaScript 前端开发 算法
说说React中的虚拟dom?在虚拟dom计算的时候diff和key之间有什么关系?
说说React中的虚拟dom?在虚拟dom计算的时候diff和key之间有什么关系?
45 0
|
7月前
|
前端开发 算法 JavaScript
React中的key有什么作用?
React中的key有什么作用?
69 0
|
7月前
|
JavaScript 前端开发 算法
说说react中虚拟DOM 在虚拟DOM中diff和key之间有什么关系
说说react中虚拟DOM 在虚拟DOM中diff和key之间有什么关系
53 0
|
7月前
|
前端开发 JavaScript
react中的useState为什么是一个数组,而不是一个对象?
react中的useState为什么是一个数组,而不是一个对象?
147 0