js循环语句

124 阅读2分钟

1、while 循环

语法:

  • 1、如果循环条件的结果是true的时候,就会执行循环体
  • 2、如果循环条件的结果是false的时候,结束循环。
// 1. 如果循环条件的结果是true的时候,就会执行循环体
// 2. 如果循环条件的结果是false的时候,结束循环。
while(循环条件){
  循环的代码;      // 循环体
  自增或者自减;    // 一定不要忘记自增或自减,否则就会死循环
}

例如,求0~100的和:

var num = 0;
var sum = 0;
while(num <= 100){
    sum += num;
    num++;
}
console.log(sum); // 5050

2、do..while 循环

语法:

  • do..while循环和while循环非常像,二者经常可以相互替代
  • 但是do..while的特点是不管条件成不成立,都会执行1次。
do{
    循环的代码;      // 循环体
    自增或者自减;    // 一定不要忘记自增或自减,否则就会死循环
}while(循环条件);

例如,求0~100的和:

var num = 0;
var sum = 0;
do{
    sum += num;
    num++;
}while(num<=100);
console.log(sum); // 5050

3、for 循环

while循环的经常会忘记自增,for循环其实是while循环演化过来的,语法更加的简洁明了,使用非常的广泛。

语法:

  • 初始化表达式
  • 判断表达式
  • 自增表达式
  • 循环体
//主要for循环的表达式之间用的是;号分隔的,千万不要写成,号
for(初始化表达式;判断表达式;自增表达式){
  //循环体
}

例如:求0~100的和:

var sum = 0;
for(var num = 0; num <= 100; num++){
    sum += num;
}
console.log(sum);  // 5050

4、break 和 continue

break:立即跳出整个循环,即循环结束,开始执行循环后面的内容(直接跳到大括号)

continue:立即跳出当前循环,继续下一次循环(跳到i++的地方)

4.1 continue 示例代码:

for(var i = 1; i <= 10; i++) {
    if(i == 5) {
      continue;
    }
    console.log(i); // 1,2,3,4,6,7,8,9,10
}

4.2 break 示例代码:

for(var i = 1; i <= 10; i++) {
    if(i == 5) {
      break;
    }
    console.log(i); // 1,2,3,4
}

5、循环语句练习

5.1 计算一个数的位数

当不知道循环次数的时候,用while循环:

var num = 1234567;
//因为不知道循环次数,所以推荐使用while循环
var count = 0;      // count记录位数
while(num != 0){    // 循环条件
    num = parseInt(num/10);// 让num缩小10倍
    count++;     // ,每缩小10倍就计算一次位数了
}
console.log(count);  // 7

5.2 翻转一个数

var num = 12345678;
//因为不知道循环次数,所以推荐使用while循环
var str = "";  
while(num != 0){
    str += num%10;  // 将每一位取余
    num = parseInt(num/10);//让num缩小10倍
}
// str 是一个字符串,所以 +str将它转回Number类型
console.log(+str); //

5.3 总结:

  • 循环有很多种,但是以后用得最多的是for循环
  • 当不明确循环次数的时候,可以使用while循环
  • 当无论如何都要执行一次代码的时候,可以使用do..while循环。
  • 循环可以相互替代。