js

if,switch,三元,循环

流程控制

顺序结构

从上到下执行的代码就是顺序结构

程序默认就是由上到下一行一行的顺序执行的

1
2
3
console.log("哈哈1");
console.log("哈哈2");
console.log("哈哈3");

分支结构

分支结构，也叫选择结构，根据不同的情况，执行对应代码

循环结构

循环结构：重复做一件事情

分支结构

if语句

  • 单独的if语句
1
2
3
4
5
6
7
8
9
//语法
if (条件){
  //只有当条件为 true 时执行的代码
}

var age = 8;
if(age < 12) {
  console.log("年龄小于12");
}
  • if..else语句
1
2
3
4
5
6
7
8
9
10
11
12
if (条件){
  //当条件为 true 时执行的代码
} else {
  //当条件不为 true 时执行的代码
}

var age = 8;
if(age < 12) {
  console.log("年龄小于12");
}else {
  console.log("年龄不小于12");
}
  • if..else if..else语句
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
if (条件 1){
  //当条件 1 为 true 时执行的代码
} else if (条件 2) {
  //当条件 2 为 true 时执行的代码
} else {
  //当条件 1 和 条件 2 都不为 true 时执行的代码
}

var age = 8;
if(age < 12) {
  console.log("年龄小于12");
}else if(age < 18){
  console.log("年龄不小于12且大于18");
}else {
  console.log("年龄不小于18");
}

三元运算符

1
2
var 结果 = 判断条件 ? 值1 ： 值2 
如果判断条件为true， 结果就是值1， 如果为false， 结果就是 值2

switch语句

if..else适用于范围的判断，switch..case适用于具体的值的判断

语法格式:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
switch (变量) {
  case 值1:
    语句1;
    break;
  case 值2:
    语句2;
    break;
  case 值3:
    语句3;
    break;
  …
  default:
    默认语句;
    break;
}

注意：

1
2
break可以省略，如果省略，代码会继续执行下一个case
switch 语句在比较值时使用的是全等操作符, 因此不会发生类型转换（例如，字符串'10' 不等于数值 10）

使用场景

  1. 如果是范围性的判断，使用if..else会更加方便
  2. 如果是对具体值的判断，使用switch..case语句会更加方便，当然用if..else也是可以的。
  3. 如果if..else比较简单，可以使用三元运算符进行替代。

循环语句

在javascript中，循环语句有三种，while、do..while、for循环。

while循环

基本语法：

1
2
3
4
5
//当循环条件为true时，执行循环体，
//当循环条件为false时，结束循环。
while(循环条件){
  //循环体：需要循环执行的语句
}

代码示例：

1
2
3
4
5
6
7
8
9
//计算1-100之间所有数的和
//1. 初始化变量
var i = 1;
var sum = 0;
while(i <= 100){//判断条件
  sum += i;//循环体
  i++;//自增，修改循环条件（不能省略）
}
console.log(sum);

do..while循环

do..while循环和while循环非常像，二者经常可以相互替代，但是do..while的特点是不管条件成不成立，都会执行一次。

基础语法：

1
2
3
do{
  //循环体;
}while(循环条件);

代码示例：

1
2
3
4
5
6
7
//初始化变量
var i = 1;
var sum = 0;
do{
  sum += i;//循环体
  i++;//自增
}while(i <= 100);//循环条件

断点调试

断点调试是指自己在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后可以一步一步往下调试，调试过程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示错误，停下。

调试步骤：

1
浏览器中按F12-->sources-->找到需要调试的文件-->在程序的某一行设置断点

调试中的相关操作：

1
2
3
Watch:监视，通过watch可以监视变量的值的变化，非常的常用。
F10:程序单步执行，让程序一行一行的执行，这个时候，观察watch中变量的值的变化。
F8：跳到下一个断点处，如果后面没有断点了，则程序执行结束。

for循环

for循环语法：

1
2
3
4
5
//1. for循环使用分号分隔
//2. for循环有2个分号，两个分号不能少
for(初始化语句;判断语句;自增语句){
  //循环体
}

执行顺序：1243 —- 243 —–243(直到循环条件变成false)

  1. 初始化语句
  2. 判断语句
  3. 自增或者自减
  4. 循环体

for循环代码示例：

1
2
3
4
5
//计算1-100之间所有数的和
var sum = 0;
for(var i = 1; i <= 100; i++){
  sum += i;
}

break和continue

break:立即跳出整个循环，即循环结束，开始执行循环后面的内容（直接跳到大括号）

continue:立即跳出当前循环，继续下一次循环（跳到i++的地方）

总结

  1. 循环有很多种，但是用得最多的是for循环
  2. 当不明确循环次数的时候，可以使用while循环
  3. 当无论如何都要执行一次代码的时候，可以使用do..while循环。
  4. 循环可以相互替代。