js跳出for循环

原创

IT工作者

修改于 2022-04-02 05:07:04

14K00

代码可运行

文章被收录于专栏：程序技术知识程序技术知识

运行总次数：0

代码可运行

for循环和forEach循环中中断和继续循环有些不一样的要注意


const list = ['a', 'b', 'c']
for (let i = 0; i < list.length; i++) {
  console.log(`${i} ${list[i]}`)
}

如果您想在某个时候中断，比如说到达数组项b时，可以使用break语句：

const list = ['a', 'b', 'c']
for (let i = 0; i < list.length; i++) {
  console.log(`${i} ${list[i]}`)
  if (list[i] === 'b') {
    break
  }
}

你也可以使用break来跳出for…of…循环：

const list = ['a', 'b', 'c']

for (const value of list) {
  console.log(value)
  if (value === 'b') {
    break
  }
}

注意：无法中断forEach循环，因此如果需要跳出循环，请使用for或for..of。

如何跳出for双重循环

但是当我们使用了多层for循环的时候，使用continue和break就无法跳出外层的循环了，所以我们需要使用一些技巧，来跳出外层循环。

1、使用label语句

这种方式很少有人知道，但是必须得记住这种常用的方法。

var array = [1,2,3,4,5];
jump:
for (let i = 0; i < array.length; i++) {
    for (let j = 0; j < array.length; j++) {
        if (i==2&&j==2) {
            break jump;
        }
        console.log(i , j);
    }
}

2、定义一个字段用来判断什么时候跳出外层循环

 var array = [1,2,3,4,5];
    var flag = false; // 为true时说明需要跳出外层循环
    for (let i = 0; i < array.length; i++) {
        for (let j = 0; j < array.length; j++) {
            if (i==2&&j==2) {
                flag = true;
                break; 
            }
            console.log(i,j);
        }
        if (flag) {
            break; 
        }
    }

打印出的结果和1中的结果一样。

3、当循环语句写在函数中时直接用return语句终止双重循环

var array = [1,2,3,4,5];
var func = function() {
    for (let i = 0; i < array.length; i++) {
        for (let j = 0; j < array.length; j++) {
            if (i==2&&j==2) {
                return;
            }
            console.log(i,j);
        }
    }
}
func();