JavaScript 循环结构语句
语句(也称为流控制语句)通常使用一或多个关键字完成既定的任务。语句可以简单,也可以复杂。简单的如告诉函数退出,复杂的如列出一堆要重复执行的指令。
顺序结构就是我们平常写的按顺序从上往下执行的程序。
分支结构在以下的博文有介绍:JavaScript 分支结构语句
1. for循环
-
for重复执行某些代码,通常跟计数有关系/
-
for 语法结构
for(初始化变量;条件表达式;操作表达式){ //循环体 } //可以分开写,但是分号不能省略 //省略第一个参数,前提是要在循环前面声明循环变量,如: var i = 0; for(; i < 4; i++){ //循环体 } //省略第二个参数,意味着此循环进入死循环,除非for循环体内强制退出,如: for(var i = 0; ; i++){ if(i >= 100){ break;// return } }
-
初始化变量就是用var声明的一个普通变量,通常用于作为计数器使用
-
条件表达式就是用来决定每一次循环是否继续执行就是终止的条件
-
操作表达式是每次循环最后执行的代码经常用于我们计数器变量进行更新(递增或者递减)
-
例子:重复打印100次a
for (var i = 1; i <= 100; i++) { console.log('a'); }
控制台一行打印多个相同字符:
var num = prompt ('请输入星星的个数'); var str = ''; for (var i = 1; i <= num; i++){ str = str + '★’; console.log(str);
双重for:(九九乘法表)
<title>九九乘法表</title> <script> var str = ''; for (var i = 1; i <= 9; i++){ for (var j = 1; j <= i; j++){ str += j + '×' + i + '=' + i*j + '\t'; } str += '\n'; } console.log(str); </script>
2. while循环
-
while循环语法结构 while 当…的时候
while(条件表达式){ //循环体 }
-
执行思路:当条件表达式结果为true则执行循环体,否则退出循环;里面应该也有计数器,初始化变量;也有操作表达式完成计数器的更新,防止死循环
-
例子
var num = 1; while (num <= 100){ console.log('a'); num++; }
3. do while循环
-
do while循环语法结构
do { //循环体 }while (条件表达式)
-
执行思路:跟while不同的地方在于do while 先执行一次循环体,再判断条件。如果条件表达式结果为真,则继续执行循环体,否则退出循环。
-
例子
var i = 1; do { console.log('how are you?'); i++; } while (i <= 100)
-
我们的do while循环体至少执行一次
var i = 1; do { console.log('how are you'); i++; } while (i < 1) //打印了一次 how are you
4. continue break 关键字
continue关键字
continue关键字用于立即跳出本次循环,继续下一次循环(本次循环体中continue之后的代码就会少执行一次)。
例如,吃5个包子,第3个有虫子,就扔掉第3个,继续吃第4个和第5个包子,代码如下:
for (var i = 1; i <= 5; i++) {
if (i == 3) {
continue;
}
console.log('我正在吃第' + i + '个包子');
}
break关键字
break关键字用于立即跳出整个循环(循环结束)。
例如,吃5个包子,吃到第3个发现里面有半个虫子,其余的不吃了,代码如下∶
// break 退出整个循环
for (var i = l; i <= 5; i++) {
if (i == 3){
break;
}
console.log('我正在吃第' + i +'个包子');
}