一篇搞定JavaScript循环

当然,我们也可以不使用局部变量:

let i = 0;for(i = 0; i < 10; i++){  console.log(i);}console.log(i);// 10

这样我们就可以在for语句外面使用条件变量了!

语句省略

for语句中的任何部分都是可以省略的。

例如,省略begin语句:

let i = 0;for (; i < 10; i++) { // 不再需要 "begin" 语句段   alert( i );}

例如,省略step语句:

let i = 0;for (; i < 10;) {   alert( i++ );//循环变量的修改在循环体中}

例如,省略循环体:

let i = 0;for (; i < 10;alert( i++ )) {  //没有循环体}

break

正常情况下,循环语句需要等待循环条件不满足(返回false),才会停止循环。

但是我们可以通过break语句提前结束循环,强制退出。

举个例子:

while(1){//死循环  let num = prompt('输入一个数字',0);  if(num > 9){   alert('数字太大了');  }else if(num < 9){   alert('数字太小了');  }else{   alert('真聪明,循环结束');   break;//结束循环  }}

以上代码是一个猜数字的游戏,循环条件永远是1,也就是说循环永远不会结束,但是当输入数字9后,就会使用break强制结束循环。

这种无线循环加上break的形式在实际编程场景中非常常见,建议用小本本记下来。

continue

continue可以停止当前正在执行的单次循环,立即开始下一次循环。

举个例子:

for(let i = 1;i < 100; i++){  if(i % 7)continue;  console.log(i);}

以上代码输出100以内的所有7的倍数,当i % 7不为0,也就是说i不是7的倍数的时候,执行continue语句,直接跳过后面的语句,执行下一次循环。

break/continue标签

在多层循环嵌套的情况下,会有这样一个问题,怎样从多重循环中跳出整个循环体呢?

例如:

for (let i = 0; i < 3; i++) {   for (let j = 0; j < 3; j++) {     let input = prompt(`Value at coords (${i},${j})`, '');     // 如果我想从这里退出并直接执行 alert('Done!')   }}alert('Done!')

break标签

如果我们需要在,用户输入0时,直接让程序执行alert('Done!')应该怎么做呢?

这就需要使用标签,语法如下:

label:for(...){  ...  break label;}

break label语句可以直接无条件的跳出循环到标签label处。

例如:

outer: for (let i = 0; i < 3; i++) {   for (let j = 0; j < 3; j++) {     let input = prompt(`Value at coords (${i},${j})`, '');     // 如果用户输入0,则中断并跳出这两个循环。     if (input=='0') break outer; // (*)   }}alert('Done!');

上述代码中,break outer 向上寻找名为 outer 的标签并跳出当前循环。

因此,控制权直接从 (*) 转至 alert('Done!')

continue标签

我们还可以使用continue label直接结束当前循环,开始下次循环:

outer: for (let i = 0; i < 3; i++) {   for (let j = 0; j < 3; j++) {     let input = prompt(`Value at coords (${i},${j})`, '');     // 如果用户输入0,则中断并跳出这两个循环。     if (input=='0') continue outer; // (*)   }}alert('Done!');

continue outer可以直接结束多重循环的最外层循环,开始下一次循环。

例如当我们在(0,0)处输入0,那么程序会直接跳到(1,0)处,而不是像break一样直接结束整个循环。

注意:
标签并不是随便跳转的,必须符合一定的要求

例如:

break label;label: for(...){...}

就是不正确的。

课后作业

  1. 利用console.log()方法,使用循环输出以下图形:
* ** *** **** ***** ******
  1. 利用双重循环,创建一个3X3的矩阵,并让用户可以输入矩阵数据。

【相关推荐:javascript视频教程、web前端】

商匡云商
Logo
注册新帐户
对比商品
  • 合计 (0)
对比
0
购物车