JS总结(if、switch、do while、while、for语句)以及break continue return的区别

文章目录

  • 一、选择(分支)结构:
    • 1、if...else语句(条件分支语句):
    • 2、switch语句
  • 二、循环结构
    • 3、while循环语句
    • 4、do while循环语句
    • 5、for循环语句
  • 三、循环控制语句
    • 循环控制语句之break:
    • 循环控制语句之continue:
    • 循环控制语句之return:

什么是语句?
概念:在JS中表达式是短语,语句就是整句或命令。
作用:表达式是用来计算个值的,语句是用来发送某条指令。
特征:用分号结尾。
JS三大(流程)结构
   1)顺序结构(顺序结构表示程序中的各操作是按照它们出现的先后顺序执行的。)
   2)选择结构
   3)循环结构
-----------------------------

一、选择(分支)结构:

   选择结构表示程序的处理步骤出现了分支,它需要根据某一特定的条件选择其中的一个分支执行。
   选择结构有单选择、双选择和多选择三种形式。

  根据一个条件来决定是否执行某一段代码
    分类:
      1)if选择
      2)switch选择

switch...case与if...else if的根本区别在于,
switch...case会根据你的条件直接跳转到相应的case语句那。
switch...case不用像if...else if那样遍历条件分支直到命中条件,而只需访问对应索引项从而到达目的语句那。
总结switch语句和if语句的各自使用场景
  switch建议判断固定值的时候用
  if建议判断区间或范围的时候用
 用switch能做的,用if都能做,但反过来则不行。

1、if…else语句(条件分支语句):

        四种写法:
            1)if(条件){
                要执行的代码
            }
            如果条件成立(条件为true),就执行{}中的代码
            如果条件不成立(条件为false),就不执行{}中的代码

            2)if(条件){
                条件满足要执行的代码
            }else{
                条件不满足要执行的代码
            }
            如果条件成立(条件为true),就执行第1个{}中的代码
            如果条件不成立(条件为false),就执行第2个{}中的代码

            3)if(条件1){
                条件1成立 要执行的代码
            }else if(条件2){
                条件2成立 要执行的代码
            }else if(条件3){
                条件3成立 要执行的代码
            }else{
                上面条件都不成立,要执行的代码
            }

            4)if(条件1){
                条件1成立 要执行的代码
            }else if(条件2){
                条件2成立 要执行的代码
            }else if(条件3){
                条件3成立 要执行的代码
            }
    --------------------------
    对于这种写法来说:
        if(条件){
            要执行的代码
        }
        要执行的代码只有一行,这个{}可以不写
        如果有多行代码,{}必写

    --------------------------


 -->

2、switch语句

  switch选择结构;在某些情况下可以代替else if增强程序的执行效率(局限性;做有比较数值的不行)
        语法:switch(要判断的变量){
            case 情况1:
                情况1要执行的代码
                break;
            case 情况2:
                情况2要执行的代码
                break;
            default:
                所有条件都不满足时,要执行的代码
        }
    注意事项:
        1)我们写的每一个case和判断的变量的关系是 绝对等于 ===才叫绝对等于
        2)switch只能判断某个具体的值,不能判断范围
        3)每一人case后面的break必须要写,如果遇到break,整个switch语句就结束了
        4)如果不写break,不管条件是否满足,代码一直会向下执行,直到遇到break
        5)default后面可以不写break,因为 } 就相当于break
        6)如果所有case都不满足,就执行default中的代码
1、只能针对基本数据类型使用switch,常用的有number和string等。
2、case标签后面必须是常量或者常量表达式
3、case标签必须是唯一的表达式,也就是说,不允许俩个case后面有一样的值。
<script>
        // switch小练习:根据月份在控制台输出对应的天数
        // 还有这种简单(省事)写法
        var mouth = 2
        switch(mouth){
            case 1: 
            case 3: 
            case 5: 
            case 7: 
            case 8: 
            case 10: 
            case 12: 
                console.log("31天");
                break
            case 4:
            case 6:
            case 9:
            case 11:
                console.log("30天");
                break
            case 2:
                console.log("28天");
                break
        }
</script>

二、循环结构

    循环语句:
        分支:根据某个条件决定是不是执行某片代码。
        循环:根据某个条件决定一段代码重复执行多少次。

    循环:循环成立的条件
        1)条件变量  初始值 作为循环的开始
        2)条件判断  决定是否还要循环
        3)循环的代码  重复执行的代码
        4)改变循环变量  如果不改变  循环会一直进行下去  馅入死循环

3、while循环语句

建议多用,小心死循环(要加上自增自减或者一定要修改循环变量的值)

    while循环,如果条件不成立,意味着循环体一次也不执行。
    while循环语句:
        语法:
            var n = 1;  // 循环变量
            while(条件){
                重复执行的代码
                n = n + 1; // 改变循环变量
            }
            
   while和do...while的区别?
            1,do...while的循环体一定会执行一次, while循环体可能一次也不执行
            在实际开发中,while的使用频率要远远高于do...while。

4、do while循环语句

   do while   在真实项目中基本上不用  了解
        语法:
            do{   // {} 叫循环体  至少要执行一次循环体
                要重复执行的代码
            }while(条件)
        和while循环的区别:
            1)不管条件是否成立,do while循环至少要执行一次循环体

5、for循环语句

    表达式1是用来定义循环变量  只执行1次
    表达式2是条件   执行N次
    表达式3是用来改变循环变量  执行N次

    for循环语句:
        语法:
            for(表达式1; 表达式2; 表达式3){
                循环体  要重复执行的代码
            }
    <script>
        // var i = 0; 定义循环变量
        // i <= 10;  条件
        // i++ 改变循环变量  
        for(var i = 0; i <= 10; i++){//for遍历;
            console.log("我执行了...");
        }
        console.log("后续代码....");
    </script>

所谓遍历,是指沿着某条搜索路线,依次对树中每个结点均做一次且仅做一次访问。

三、循环控制语句

循环控制语句之break:

  1、用在switch结构中,作用跳出switch结构;
  2、用在循环中,跳出整个循环,不再进行新的循环。去执行当前循环体之后的语句。
如果是多层循环,只跳出当前整个循环。

循环控制语句之continue:

  用在循环体语句中,作用是结束当前整个循环中的整个循环中的某次操作,开始当前循环的下一次操作。

循环控制语句之return:

  1、用来返回一个值。
  2、杀掉整个函数。(直接结束)

你可能感兴趣的:(JS,知识总结,js,javascript)