循环遍历数组中的每一项,并根据每一项的某个值进行判断 every 、forEach ,some

项目需求
要求点击某个按钮时,要是都是 已复核 的状态才会请求接口数据,否则不请求并直接给出错误提示。
如下图:
在这里插入图片描述
方法一

every()是对数组中每一项运行给定函数,如果该函数对每一项返回true,则返回true。

handleReimbursement = async (selectedRowKeys, rows) => {
    const isAllReview = rows.every(row=>row.state === "REVIEW"); // 用every 循环值
    if(!isAllReview){ // 判断如果每一个的状态有一个不是  已复核
      ElNotification({
        type: 'error',
        message: '数据报账状态值不统一,请重新选择。'
      })
     }else{ //每一个的状态都是已复核
      const res = await sycaccount(selectedRowKeys)
      if (res && res.success) {
        ElNotification({
          type: 'success',
          message: res.msg || '操作成功'
        })
        this.tableRef.getTableData()
      } else {
        ElNotification({
          type: 'error',
          message: res.msg || '操作失败'
        })
      }
    }

}

方法二

forEach循环遍历

handleReimbursement = async (selectedRowKeys, rows) => {
  rows.forEach(item => { // 循环遍历返回数组的每一项
   if(item.state !== "REVIEW"){ // 判断每一项的状态值 如果不是 已复核
    ElNotification({
      type: 'error',
      message: '数据报账状态值不统一,请重新选择。'
    })
    return;//在这里 如果有一行不通过 就return 不会走下面的接口了
   }
 });
 const res = await sycaccount(selectedRowKeys)
      if (res && res.success) {
        ElNotification({
          type: 'success',
          message: res.msg || '操作成功'
        })
        this.tableRef.getTableData()
      } else {
        ElNotification({
          type: 'error',
          message: res.msg || '操作失败'
        })
      }
};

some()是对数组中每一项运行给定函数,如果该函数对任一项返回true,则返回true。

 handleReapprove = async (rowKeys, rows) => { // 参数 keys ,rows
    if (rows.some(item => item.state !== 'APPROVED')) { // 如果有一个值满足状态不是已审批
      ElNotification({
        type: 'warning',
        message: '请选择<状态>为全为【已审批】的单据!'
      });
    } else {
      const res = await review(rowKeys)
      this.setState({ passLoading: false, refuseLoading: false })
      if (res && res.success) {
        ElNotification({
          type: 'success',
          message: res.msg || '操作成功'
        })
        this.tableRef.getTableData()
      } else {
        ElNotification({
          type: 'error',
          message: res.msg || '操作失败'
        })
      }
    }
  }
  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在JavaScript,有多种方法可以遍数组。下面是其一些常用的方法: 1. 使用for循环:可以使用for循环来遍数组,通过获取数组的长度以及数组的索引来访问数组元素。例如: ```javascript let arr = [1, 2, 3, 4]; for (let i = 0; i < arr.length; i++) { console.log(arr[i]); } ``` 2. 使用for...of循环:可以使用for...of循环数组,它会直接遍数组的元素。例如: ```javascript let arr = [1, 2, 3, 4]; for (let item of arr) { console.log(item); } ``` 3. 使用for...in循环:可以使用for...in循环数组,它会遍数组的索引。例如: ```javascript let arr = [1, 2, 3, 4]; for (let index in arr) { console.log(arr[index]); } ``` 4. 使用forEach()方法:可以使用forEach()方法来遍数组,它会对数组的每个元素调用指定的函数。例如: ```javascript let arr = [1, 2, 3, 4]; arr.forEach(function(item) { console.log(item); }); ``` 5. 使用map()方法:可以使用map()方法来遍数组,它会对数组的每个元素调用指定的函数,并返回一个新的数组。例如: ```javascript let arr = [1, 2, 3, 4]; let newArr = arr.map(function(item) { return item * 2; }); console.log(newArr); // [2, 4, 6, 8] ``` 6. 使用every()方法:可以使用every()方法来遍数组,它会对数组的每个元素调用指定的函数,并检测数组的每个是否满足指定条件。如果有一个不满足条件,则返回false;如果所有的都满足条件,则返回true。例如: ```javascript let arr = [1, 2, 3, 4]; let isLessThanThree = arr.every(function(item) { return item < 3; }); console.log(isLessThanThree); // false ``` 7. 使用some()方法:可以使用some()方法来遍数组,它会对数组的每个元素调用指定的函数,并检测数组的每个是否满足指定条件。如果有一个满足条件,则返回true;如果所有的都不满足条件,则返回false。例如: ```javascript let arr = [1, 2, 3, 4]; let isGreaterThanTwo = arr.some(function(item) { return item > 2; }); console.log(isGreaterThanTwo); // true ``` 这些是JavaScript常用的一些遍数组的方法,可以根据具体的需求选择合适的方法来进行数组的遍。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [JS遍数组的十五种方法](https://blog.csdn.net/weixin_39987434/article/details/130869691)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值