zoukankan      html  css  js  c++  java
  • JavaScript中的for循环语句

    一、for循环:
    for循环是最广泛的循环形式,适用于已知循环次数,循环嵌套情况。

    1 for( var i = 2; i <= 100 ; i += 2 ){
    2 console.log(`${i}是偶数`);
    3 }
    4 for( 定义循环变量的初始值 ; 判断进入条件 ; 步长 ){
    5 循环体 
    6 }

    for循环的优点之一,是将与循环变量和循环次数相关的设定,都定义在()中,设定内容更加集中,不容易造成语法形式混乱;执行顺序:定义循环变量的初始值,判断进入条件,循环体,步长,仍然是先执行循环体,再执行步长

    例:计算 1-100的所有整数的和

    1 var res = 0;
    2 for(var i = 1 ; i <= 100 ; i++){
    3 console.log(i);
    4 res += i;
    5 }

    例:判断一个数是质数还是合数

     1 //生成一个随机数
     2 var num = parseInt(Math.random()*(200+1-100) + 100);
     3 // 定义一个变量,来存储判断的结果
     4 var res = true;
     5 // 循环,生成的整数是2至判断数值减1的所有整数
     6 for(var i = 2 ; i <= num-1 ; i++){
     7 // 执行判断
     8 // 如果 数值与循环变量发生整除,证明数值此时就是合数
     9 if( num % i == 0){
    10 // 给存储判断结果的变量,赋值新的数据,覆盖之前的默认值
    11 res = false;
    12 // 一旦发生整除,其他循环就可以终止了
    13 break;
    14 }
    15 // 当循环结束了,判断 res变量中存储的是不是默认值
    16 if(res == true){
    17 // 如果是默认值,证明是质数
    18 console.log(`${num}是质数`);
    19 }else{
    20 // 如果不是默认值,证明是合数
    21 console.log(`${num}是合数`);
    22 }

    二、break和continue:
    1 , break终止循环
    条件不满足是,终止当前循环,以及终止之后的一切循环

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

    2 , continue 跳出循环

     1 // 输出 1 - 100 的 偶数
     2 
     3 for(var i = 1 ; i <= 100 ; i++){
     4     // 需要输出偶数,也就是如果是奇数,就跳出循环不输出
     5     if( i % 2 != 0 ){
     6          continue;
     7     }
     8     console.log(i);
     9 }
    10 //程序会跳过继续符合条件的继续执行下一步操作    

    终止当前循环continue关键词之后,程序的执行,但是会继续之后的循环,只终止当前循环的循环体的执行,循环

    三、循环的嵌套:就是 for(){} 的循环体,也包含 for循环

    1 for (var j = 1; j <= 5; j++) {
    2         for (var i = 1; i <= 5; i++) {
    3             console.log(`i是${i} , j是${j}`);
    4         }
    5         console.log('')
    6     }//其中for包含的for就是嵌套部分

    执行顺序:先执行外层,然后执行内层;再循环外层,再内层....
    经典案例:九九乘法表

     1 <script>
     2     //主循环
     3     for (var j = 1; j <= 9; j++) {
     4         //每一步循环
     5         for (var i = 1; i <= j; i++) {
     6             //输出结果
     7             document.write(`${i}*${j}=${i * j} `);
     8     }
     9     document.write('<br>');
    10 </script>
    A True Master Is An Eternal Student(真正的大师总是怀着一颗学徒的心) ------(Master Yi)
  • 相关阅读:
    i春秋xss平台
    i春秋exec
    bugku 你必须让他停下
    bugku 域名解析
    bugku web3
    bugku 矛盾
    (转)ubuntu下怎么放wifi热点给andriod设备
    (转)如何在 ubuntu 下使用 iNode 客户端
    博客更新啦!!
    HDU 5351 MZL's Border (多校联合第5场1009)
  • 原文地址:https://www.cnblogs.com/karl-kidd/p/12494977.html
Copyright © 2011-2022 走看看