当前位置: 首页 > news >正文

前端处理数组 在 js中把已知对象循环遍历后再push新的数组中

在这里插入图片描述
已知拿到的数据是这样的如图

data: {total: 25, records: [{id: "448896674271678464", sourceMode: "PAYORDER", sourceModeName: "付款单",…},…]}
records: [{id: "448896674271678464", sourceMode: "PAYORDER", sourceModeName: "付款单",…},…]
0: {id: "448896674271678464", sourceMode: "PAYORDER", sourceModeName: "付款单",…}
1: {id: "448896239482007552", sourceMode: "PAYORDER", sourceModeName: "付款单",…}
2: {id: "448895136229060608", sourceMode: "PAYORDER", sourceModeName: "付款单",…}

我们请求后处理数据

successCallBack: (tableRefData) => {
    const DatatableRef = data.records
     let arr = []
     DatatableRef.map(item=>{
       if(item.noPayAmount === 0) {
         console.log(item.id)
         arr.push(item.id)
         console.log(arr) // 把满足条件的数据push到新的数组中
         return arr
       }
     })
     
     第二种写法
        // const rows = DatatableRef //已知数据对象
         // const arr = new Array(); //定义空数组
         // for (var i = 0; i < rows.length; i++) { //循环遍历对象
         //   if(rows[i].noPayAmount === 0){
         //     arr.push(rows[i].id)   //往数组里压入遍历好的对象
         //     console.log(arr)// 打印结果
         //   }
         // }
   },

在这里插入图片描述

相关文章:

  • scrapy 爬取 useragent
  • react 项目中,某需求需要根据返回数据的某条件禁止选择行
  • 函数式思维的小例子
  • 基于LNMP的Zabbbix之Zabbix Server源码详细安装,但不给图
  • 前端 禁止微信调整字体大小
  • SQL练习之求解填字游戏
  • 前端 项目中 判断两个对象value值是否相等
  • Python的method, class method, static method
  • 三目运算 多条判断
  • ubuntu IP 扫描
  • 前端项目中遇见的 非操作 和 双向非操作 的区别 ,以及使用(双向非操作可以把字符串和数字转换为布尔值。)
  • Django框架初入
  • 前端vue面试总结,常见的,没有更全,只有更细,更新中
  • 关于mybatis Invalid bound statement (not found)
  • Linux工具 gcc makefile gdb
  • 【许晓笛】 EOS 智能合约案例解析(3)
  • 4个实用的微服务测试策略
  • canvas 绘制双线技巧
  • cookie和session
  • HTTP请求重发
  • input实现文字超出省略号功能
  • Js基础——数据类型之Null和Undefined
  • LeetCode刷题——29. Divide Two Integers(Part 1靠自己)
  • Lucene解析 - 基本概念
  • PyCharm搭建GO开发环境(GO语言学习第1课)
  • Python学习笔记 字符串拼接
  • tensorflow学习笔记3——MNIST应用篇
  • 阿里云应用高可用服务公测发布
  • 区块链分支循环
  • 微信公众号开发小记——5.python微信红包
  • 一文看透浏览器架构
  • 这几个编码小技巧将令你 PHP 代码更加简洁
  • 主流的CSS水平和垂直居中技术大全
  • C# - 为值类型重定义相等性
  • (173)FPGA约束:单周期时序分析或默认时序分析
  • (3)选择元素——(14)接触DOM元素(Accessing DOM elements)
  • (k8s中)docker netty OOM问题记录
  • (六)Hibernate的二级缓存
  • (免费领源码)python+django+mysql线上兼职平台系统83320-计算机毕业设计项目选题推荐
  • (已解决)报错:Could not load the Qt platform plugin “xcb“
  • .libPaths()设置包加载目录
  • .NET Framework .NET Core与 .NET 的区别
  • .NET的微型Web框架 Nancy
  • .net通用权限框架B/S (三)--MODEL层(2)
  • @ResponseBody
  • [ 2222 ]http://e.eqxiu.com/s/wJMf15Ku
  • [2019.3.5]BZOJ1934 [Shoi2007]Vote 善意的投票
  • [CareerCup] 14.5 Object Reflection 对象反射
  • [DevOps云实践] 彻底删除AWS云资源
  • [ERROR ImagePull]: failed to pull image k8s.gcr.io/kube-controller-manager失败
  • [Gamma]阶段测试报告
  • [HTML API]HTMLCollection
  • [JS]JavaScript 简介
  • [JS入门到进阶] 哎,被vite小坑了一波,大家记得配置build.cssTarget为‘chrome61‘
  • [LeetCode] Longest Common Prefix 字符串公有前序