JS学习笔记三——条件语句与循环语句

一、条件分支语句

根据条件选择执行哪些代码。

1. if 语句
   常与 else 搭配，if 后的条件为 true 时，执行紧邻的{ }中的代码，为 false 时，紧邻的后方有 else 语句，则执行 else 中的代码，没有 else 时不执行代码
   书写形式：
   （1）if（）{…}
   （2）if（）{…} else {…}
   （3）if（）{…} else if（）{…}
   （4）if（）{…} else if（）{…} else {…}
   （）里面书写条件，{ }里面书写条件满足，即为 true 时执行的代码
2. switch 语句
   内部放置 case 和 default，case 用于放置匹配项，当 case 后面的值与已知条件完全匹配时才执行对应的语句，default 为默认代码，写在最后，只当所有选项与已知条件不匹配时才执行。其中，在 case 语句中需加入 break；才可跳出选择，否则在选择项与条件匹配时，会执行其所在语句及下方的语句，直至遇到 break；或所有语句执行结束为止。
   语法：
   switch（已知条件）{
    case 选项1：…break;
    case 选项2：…break;
    default：…
   }

二、循环结构语句

循环结构步骤是：定义初始变量 — 进入循环结构（条件判断 — 会被重复的代码 — 改变初始值）— 跳出循环，进入后续代码

1. while 语句，满足条件时会循环执行代码，直至条件不满足时才跳出循环。注意要改变条件中的数据，若变量值一直满足条件，则会进入无限循环，程序无法停下。
   代码如下：

    // 定义初始变量
    var n = 0
    while (n < 3) { // 条件判断
        console.log(n)	// 会被重复的代码
        n++	// 改变初始值
    }
    // 后续代码
   

2. do while 语句，在初始变量值满足条件时，与 while 语句一致，区别在于当初始变量值不满足条件时，while 语句不会执行代码，而do while 语句会执行一次代码。
   代码如下：

    // 定义初始变量
    var n = 0
    do { 
        console.log(n)	// 会被重复的代码
        n++	// 改变初始值
    } while (n < 3) // 条件判断
    // 后续代码
   

3. for 语句，将步骤结合在一起，可进行循环嵌套。
   语法：
   for（定义初始变量；条件判断；改变初始值）{
    重复执行的代码
   }

注意：break 语句和 continue 语句均可以跳出循环，break 语句是跳出当前循环，使得整个循环结束，而 continue 语句是跳出本次循环，循环语句可能使得循环代码执行多次，该语句仅跳出其中的一次，不结束整个循环，而是从下一次循环继续。

三、结语

本学习笔记主要用于记录博主个人的前端学习过程，目前学习资源来自b站千锋的前端1000集教学，如笔记内容有写错的地方，希望大家能够指出。同时，欢迎看到博文的小伙伴们与我一同学习！