js 多层循环中终止循环

107 阅读 0 评论 71 点赞

我是靠谱客的博主欢呼小松鼠，最近开发中收集的这篇文章主要介绍js 多层循环中终止循环，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

关于在循环中的一些操作，我门需要清楚一个知识点，也是面试中常见的一道面试题：

continue、break、return的区别：
continue:
continue只是终止本次循环，接着开始下一次循环，只能出现在循环中
break:
break用于完全结束一个循环，跳出循环体，不在执行break下面的代码，只能出现在选择或者循环中
return：
返回函数中的值，不在执行return下面的代码，只能出现在函数中

方法一：函数中return终止

可以将多层循环逻辑代码封装到一个函数中，因为return主要是用于在函数中做返回，可以实现终止循环。

function fn() {
    for(let i = 0; i < 5; i++) {
      for(let j = 0; j < 5; j++) {
        if(i == 0 && j == 3) {
          return
        }
        console.log(i, j)
      }
    }
  }

  fn()

打印结果：
在这里插入图片描述

方法二：给for循环提供变量，break 变量名终止循环

将多层循环中的for循环赋予一个变量，然后在终止循环逻辑判断中，如果条件满足，可直接通过 break 变量名，可实现终止各层循环效果。

//将外层循环起一个变量名 a
  a:for(let i = 0; i < 5; i++) {
  //将内层循环起一个变量名 b
    b:for(let j = 0; j < 5; j++) {
      if(i == 0 && j == 3) {
      // 可以选择终止拿层循环
        break a
      }
      console.log(i, j)
    }
  }

打印结果：
在这里插入图片描述

方法三：通过设置flag，监听变化，终止for循环

在for循环外层设置一个flag，赋值为false，在终止循环逻辑判断中，将flag赋值为true，然后break 当前循环，然后在外层对flag进行监听，如果为true，则终止外层循环。

 let flag = false
  for(let i = 0; i < 5; i++) {
    for(let j = 0; j < 5; j++) {
      if(i == 0 && j == 3) {
        flag = true
        break
      }
      console.log(i, j)
    }
    if(flag) {
      break
    }
  }