前端处理数组 在 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)// 打印结果
         //   }
         // }
   },