JavaScript流程控制-循环语句

转载请注明预见才能遇见的博客:https://my.csdn.net/

原文地址:https://blog.csdn.net/weixin_42787326/article/details/81294987

JavaScript流程控制-循环语句

目录

JavaScript流程控制-循环语句

1.循环语句之while循环 看代码

练习:计算1-100之间所有数字的和  看代码

练习:求6的阶乘 看代码

练习:求1-100之间所有的偶数的和 看代码

练习:请输出1-100之间所有能够被7整除的数字 

2.循环语句之do-while循环 看代码

练习:求100以内所有3的倍数的和

3.循环语句之for循环 看代码

练习:求1-100之间所有数字的和

练习:求1-100之间所有奇数的和  求1-100之间所有能被3整除的数字的和

练习:控制行数的---正方形的  三角形的---五角星----随着行数的增加,每一行都会比上一行多一个五角星

练习:乘法口诀表

4.break关键字使用

5.continue关键字使用

案例:求100-200之间所有的奇数的和(用continue)

案例:求整数100~200的累加值,但要求跳过所有个位为3的数


1.循环语句之while循环 看代码

* while循环语法:
*
* 计数器
* var 变量=0;
* while(循环的条件){
*   循环体;
*   计数器++;
*
* }

* var i=0;
* while(i<20){
* 循环体
* i++;
* }

* 执行过程:

* 先判断条件是否成立,(条件的结果是true还是false),如果是false,那么循环的代码(while的大括号中的代码都不执行),如果是true,那么先执行循环体,然后执行计数器,然后,直接去--->循环的条件,再次判断是否成立,成立则继续执行循环体,否则跳出循环,执行完循环体之后,计数器加1,然后再去循环的条件,判断,成立则循环,否则跳出循环

// 请输出10次:哈哈,我又变帅了
var i=0;//计数器
while(i<10){
  console.log("哈哈,我又变帅了"+(i+1));
  i++;//记录次数
}

练习:计算1-100之间所有数字的和  看代码

//练习:计算1-100之间所有数字的和

var sum=0;//存储最终的和
var i=1;//计数器
while(i<=100){
  //sum=sum+i;//不停的计算数字的和
  sum+=i;
  i++;
}
console.log("和为:"+sum);//5050

练习:求6的阶乘 看代码

var ji = 1;//存储最终的阶乘的结果
var i = 1;//开始的数字
while (i <= 6) {
    ji *= i;
    i++;
}

console.log(ji);

练习:求1-100之间所有的偶数的和 看代码

//求1-100之间所有的偶数的和
var i=1;//计数器
var sum=0;//存储所有数字的和
while(i<=100){
    //判断这个数字是不是偶数,如果是偶数则相加,把结果存放在sum变量中
    if(i%2==0){
    sum+=i;
    }
    i++;//为了不变成死循环
}
console.log("和为:"+sum);

练习:请输出1-100之间所有能够被7整除的数字 

//请输出1-100之间所有能够被7整除的数字
var i=1;
while(i<=100){
    //判断这个数字是否能够被7整除
    if(i%7==0){
    console.log(i);
    }
    i++;
}

2.循环语句之do-while循环 看代码

* 语法:
*
* do{
*     循环体
* }while(条件);

* 执行过程:先执行一次循环体,然后判断条件是否成立,不成立,则跳出循环,成立则执行循环体,然后再判断条件是否成立,成立则继续循环,否则跳出.....

//输出:哈哈,我又变帅了..10次
var i=0;//计数器
do{
  console.log("哈哈,我又变帅了");
  i++;
}while(i<10);

练习:求100以内所有3的倍数的和

//练习:求100以内所有3的倍数的和
var i = 1;
var sum = 0;
do {
    if (i % 3 == 0) {
    sum += i;
    }
    i++;
} while (i <= 100);
console.log(sum);//1683

* while循环特点:先判断,后循环,有可能一次循环体都不执行

* do-while循环特点:先循环,后判断,至少执行一次循环体

3.循环语句之for循环 看代码

* 语法:
* for(表达式1;表达式2;表达式3){
*   循环体;
* }

* 执行过程:

* 先执行一次表达式1,然后判断表达式2;如果不成立则直接跳出循环

* 如果表达式2成立,执行循环体的代码,结束后,跳到表达式3执行,然后跳到表达式2,判断表达式2是否成立,不成立,则跳出循环

* 如果表达式2成立,则执行循环体,然后再跳到表达式3,再跳到表达式2,判断是否成立,一直如此

//例子:打印10次,哈哈,我又变帅了
for (var i = 0; i < 10; i++) {
  console.log("日照香炉生紫烟,一对情侣在林间.远看身影如神仙,近看竟然是于千");
}

练习:求1-100之间所有数字的和

var sum = 0;
for (var i = 1; i <= 100; i++) {
  sum += i;
}
console.log("和为:" + sum);

练习:求1-100之间所有奇数的和  求1-100之间所有能被3整除的数字的和

//求1-100之间所有奇数的和
var sum2=0;
for(var i=1;i<=100;i++){
  if(i%2!=0){
    //奇数
    sum2+=i;
  }
}
console.log("和为:"+sum2);

//求1-100之间所有能被3整除的数字的和
var sum3=0;
for(var i=1;i<=100;i++){
  if(i%3==0){
    sum3+=i;
  }
}
console.log(sum3);

练习:控制行数的---正方形的  三角形的---五角星----随着行数的增加,每一行都会比上一行多一个五角星

//控制行数的---正方形的
for (var i = 0; i <= 5; i++) {
  //控制每一行有几个星星
  for (var j = 0; j <= 5; j++) {
    document.write("★");
  }
  document.write("<br/>");
}

//三角形的---五角星----随着行数的增加,每一行都会比上一行多一个五角星
for (var i = 0; i <= 5; i++) {
  //控制每一行有几个星星
  for (var j = 0; j <= i; j++) {
    document.write("★");
  }
  document.write("<br/>");
}

练习:乘法口诀表

//控制行数
for(var i=1;i<=9;i++){
  //控制每一行有多少个表达式
  for(var j=1;j<=9;j++){
    document.write(j+"*"+i+"="+i*j);
  }
  document.write("<br/>");
}

//掌握------必须要写出来的
for(var i=1;i<=9;i++){
    //控制每一行有多少个表达式
    for(var j=1;j<=i;j++){
    document.write(i+"*"+j+"="+i*j);
    }
    document.write("<br/>");
}

4.break关键字使用

如果在循环中使用,遇到了break,则立刻跳出当前所在的循环 

看代码

//找到100到200之间第一个可以被7整除的数字,
for(var i=100;i<=200;i++){
  if(i%7==0){
    console.log(i);
    break;
  }
}

5.continue关键字使用

在循环中如果遇到continue关键字,直接开始下一次循环

案例:求100-200之间所有的奇数的和(用continue)

var sum=0;
var i=100;
while(i<=200){
    //判断是不是偶数
    if(i%2==0){
    //如果是偶数----->跳过这个数字
    i++;//102
    continue;
    }
    sum+=i;
    i++;
}
console.log(sum);//7500

案例:求整数100~200的累加值,但要求跳过所有个位为3的数

//案例:求整数100~200的累加值,但要求跳过所有个位为3的数
var sum=0;
var i=100;
while(i<=200){
    if(i%10==3){
    //个位数是3,不要
    i++;
    continue;
    }
    sum+=i;
    i++;
}
console.log(sum);//13670

JavaScript流程控制-循环语句

博客地址:https://blog.csdn.net/weixin_42787326/article/details/81294987

猜你喜欢

转载自blog.csdn.net/weixin_42787326/article/details/81294987
今日推荐