js 函数包裹forEach中使用return跳不出外层函数

在forEach中使用return只会跳出本次循环

    let a = 1, b = 1
    let c = 2, d = 2
    let e = 3, f = 3
    let list = [1, 2, 3, 4, 5, 6, 7]
   
    function foo() {
      if (a === b) {
        list.forEach(item => {
          if (item === 3) {
            console.log(333333333)
            return
          }
        })
        //forEach中的return出来到这里继续执行
        if (e === f) {
          console.log('e === f')
          return
        }
      }
    }

输出 333333333 和 e === f
解决方法一,用for代替forEach
解决方法二,用flag判断,在需要return的地方修改flag的值,在受影响的地方用flag决定是否执行

    function foo() {
      let flag = true
      if (a === b) {
        list.forEach(item => {
          if(item === 3){
            console.log(333333333)
            flag = false
            return
          }
        })
        if (e === f && flag) {
          console.log('e === f')
          return
        }
      }
    }

只输出 333333333

forEach本身是函数,对数组的每个元素执行一次给定的函数。数组有几个元素,就执行几次函数。所以forEach中的return 只会跳出本次循环函数,而for循环则是跳出全部循环

	function foo(){
        list.forEach(item => {
          if(item === 3){
            console.log(333333333)
            flag = false
            return
          }
          //新增
          console.log(111111)//这里会输出6次,List长度是7,除掉item为3的那次。
        })
        console.log('循环外,函数内')//执行
      }
	function foo(){
        for (let i = 0; i < list.length; i++) {
          if (list[i] === 3) {
            console.log(333333333)
            return
          }
          console.log(0) //只会输出2次,是list[i]为1,2的两次
        }
        console.log('循环外,函数内')//不执行
    }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用JavaScriptforEach函数进行循环遍历时,无法直接使用break和continue关键字来跳出循环。这是因为forEach是一个函数,不是像if和for那样的语句。forEach的参数是一个匿名函数,也就是回调函数,它会对数组的每个元素执行一次给定的函数。每次执行回调函数时,只能使用return语句来跳出当前的循环函数,而无法跳出整个forEach循环。 举个例子来说明,假设我们有一个数组list,要在forEach找到值为3的元素并跳出循环。我们可以使用flag变量来实现跳出效果。在forEach的回调函数,当找到值为3的元素时,将flag变量设置为false,并使用return语句跳出当前的循环函数。但需要注意的是,这只能跳出当前的循环函数,而不是整个forEach循环。 另一种方法是使用普通的for循环来遍历数组。在for循环,可以使用return语句来跳出整个循环。当找到值为3的元素时,使用return语句跳出整个for循环。 总结来说,使用forEach函数时,只能使用return语句跳出当前的循环函数,而无法跳出整个forEach循环。如果需要跳出整个循环,可以考虑使用普通的for循环。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [JavaScript的.forEach()如何跳出循环](https://blog.csdn.net/weixin_47340917/article/details/121013905)[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: 50%"] - *3* [js 函数包裹forEach使用return跳不出外层函数](https://blog.csdn.net/NOyesNONO_/article/details/120986153)[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: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值