转生异世界 从0开始学 JavaScript - Three day 流程控制语句

1.流程控制语句

1.1 if - else 语句

        根据 if (参数) 返回的结果( true 或 false )，来判断下一步要执行的语句。

//如果if的参数结果为 true 则会执行 if {} 后的代码
if( ture ){
    console.log( '输出这一行' );
} else {
    console.log( '否则输出这一行' );
}

//如果if的参数结果为 false 则会执行 else {} 后的代码
if( false ){
    console.log( '输出这一行' );
} else {
    console.log( '否则输出这一行' );

}

         if 也可以进行多次判断，在 else 后面 添加 if() 继续判断，直到遇见返回值为 true 或者运行到最后一个 else 才结束，例：

if ( 1 > 2 ){
    console.log( 1 );
} else if ( 2 != 2 ){
    console.log( 2 );
} else {
    console.log( 3 );
}

1.2 switch 语句

        switch 语句允许一个表达式的值或者一个变量和后面 case 的值进行匹配，如果匹配成功，就执行这个 case 后面的代码。

例：

var result = prompt("请输入一个 + 或 - 运算符");
// swicth 的值转换是 === 
switch ( result ) {
    case " + " :
        alert("这是一个 + 号运算符");
    case " - " :
        alert("这是一个 - 号运算符");
    // default 是 switch 传来的参数不符合任何一个 case 的值时，才运行
    default:
        alert("你输入的不是 + 或 - 运算符哦");
}

        swicth 的执行顺序：

1.         首先判断 swicth 的传参是否和 case 的值相等；
2.         如果相等，则会执行 case 后面的代码，遇见 break 时，swicth 语句停止运行；
3.         如果不匹配，会接着判断下一个 case 的值；
4.         如果所有值都不匹配，则会执行 default 后面的代码；( default 不是必须的，没必要的话可以不写)
5.         switch 比较值是 === 关系

         

        简单来讲，if-else 用于范围判断，而 switch 用于精准判断。

1.3 break 语句

        break 语句可以在循环体或判断语句中，只要代码遇到 break ，就会立马结束当前循环或者判断。

例：

if( true ){
    console.log( 1 );
    beark;
    // beark 后不再执行，只打印 1 
    console.log( 2 );
}

1.4 for 循环语句

例：

for(var i = 0; i < 10; i++){
    console.log( i );
    // 结果是在控制台打印 1-10。
}

// for 循环语句执行顺序
for( 执行1 ; 执行2 ; 执行4 ){
    执行3
}

 for 代码执行顺序：

1.  首先是变量初始化（ var i = 0 ），通常是初始化一个计数器，来计数；
2.  判断（ i < 10 ）表达式条件是否成立（是否为 true ），不成立则不再运行；
3.  如果 执行2 成立，则会运行 执行3 的代码；
4.  最后在运行 执行4 进行 i++
5.  之后再次进行 for 循环判断，直到 执行2 表达式不在成立（ false ）

1.5 continue 语句

        continue 语句的作用是终止本次循环，进行下次循环。

例：

// 过7游戏
for(var i = 1; i < 100; i++){
    if(i % 7 == 0){
        console.log("过");
        continue;
    }
    console.log(i);
}

        

1.6 while 语句

例：

while ( 条件表达式 ){
    执行代码
}

var i = 0;
// 当 while 的条件表达式为 true 时，则会一直循环运行
// 当 while 的条件表达式为 false 时，则会停止运行
while ( i < 5 ) {
    console.log( i );
    i++;
}

 while 语句的执行顺序：

1. 首先判断条件表达式是否成立（是否为 true ）；
2. 如果成立，执行大括号中的代码，然后再次判断条件表达式是否成立；
3. 如果不成立（值为 false ），就不再执行大括号中的代码，循环结束。

1.7 do-while 语句

例：

do {
    执行代码
} while ( 条件表达式 );

do {
    console.log( "打印一次" );
} while ( 1 > 2 );

do-while 语句的执行顺序：

1.  代码一开始运行，直接运行一边 do {} 里面的代码一次；
2.  然后在判断 while 的条件表达式是否成立，如果成立则继续循环运行；
3.  如果条件表达式不成立，则循环结束。

总结

        今天主要学习了循环语句的使用，可以做更多的数据处理。

        Ps：今天笔记内容较少，主要是学会之后自己做了练习，没有添加上去。

练习推荐：

        利用循环语句完成下列练习

1.  在页面中打印 99 乘法表；
2.  找出1~1000之中，所有能被5整除，或者被6整除的数字。在控制台输出 ；
3.  求1~100的和

4.  用户输入一个数字，列出所有它能够整除的数字；

今日歌曲推荐 普通人生 - 海洋Bo - 单曲 - 网易云音乐