JavaScript学习笔记——5、结构语句

  大家好，我是阿赵。继续学习JavaScript，这次来学习一下结构语句。

一、 表达式和语句

表达式：可以被求值的代码，可以写在赋值语句的右边。
语句：可以被执行的代码，但不一定有值。
  所以语句的范围会比表达式要广，表达式可以理解成表达式语句，也就是有值的语句。
  语句有执行的顺序，我们之前写的例子，都是一个顺序结构的语句，它们会按照从上到下全部执行，比如：

    let a = 10;
    console.log(a);
    let b = a;
    console.log(b);
    a = 20;
    console.log(a);
	console.log(b);

  这些代码是会从上到下，全部都执行一遍，直到最后结束。
  除了这种正常的顺序结构，还会有分支结构和循环结构。

二、 分支结构

  分支结构的意思是，存在一定的条件，达到不同的条件，会执行不同的代码。
  分支结构有3种写法。

1、 if分支语句

  if语句是判断一个条件是true还是false。比如：

if(a>b)

  本身a>b就是一个比较运算符，结果是一个布尔值。
  if里面也可以传其他类型的参数，比如：
数字：除了数字0是false以外，其他所有数字都是true。
字符串：除了’’(指空字符串)是false，其他所有字符串都是true。
  if语句的语法：

if(条件){
满足条件执行的代码
}
else{
不满足条件执行的代码
}

  如果还有其他多条件，可以使用else if。
举例：

let a = 10;
if (a > 5) {
  console.log('a > 5');
} 
else if (a === 5) {
  console.log('a === 5')
}
else {
  console.log('a < 5')
}

2、 三元运算符

语法：条件？满足条件执行的代码：不满足条件执行的代码。
举例：

let a = 10;
a>10?console.log("a>10"):console.log("a<10");

3、 switch语句

语法：

switch(数据){
case 值1:
代码1;
break;
case 值2:
代码2;
break;
default:
代码n;
break;
}

举例：

let a = 230;
switch (a) {
  case 10:
    console.log("a 是 10");
    break;
  case 20:
    console.log("a 是 20");
    break;
  default:
    console.log("a不是10或20");
}

三、 循环结构

  循环结构是指同一个内容的代码重复执行多次。
  循环语句有三要素：

1. 循环条件的起始值
2. 终止的条件。如果没有终止条件就会一直执行，造成死循环。
3. 变量的变化，一般是自增或者自减
     退出循环的方法：
4. continue：结束本次循环，继续下次循环
5. break：退出整个循环
     循环结构有2种写法：

1、 while循环语句

语法：

while (循环条件){
要重复执行的代码
}

举例：

    let a = 0;
    while (a < 10) {
      a++;
      console.log(a);
	}

  这里做了10次循环，每次都打印了一个数字出来。
分析一下三要素：

1. 起始值：a=0；
2. 终止条件：当a不小于10时，就终止
3. 变量变化：a++
     然后看看退出循环的方法：

let a = 0;
while (a < 10) {
  a++;
  if (a % 2 == 0)
    continue;
  if (a == 7)
    break;
  console.log(a);
}

  这里写了，如果a整除2，则continue跳过当次循环，所以偶数是不会打印出来，而当a等于7的时候，就break打断并退出循环了，所以大于7的数都不会打印出来。

2、 for循环语句

语法：

for(变量起始值;终止条件;变量变化量){
循环体
}

f  or循环语句是最常用的循环，好处是把声明的起始值、循环条件、变化值写在一起，让人一目了然。
举例：

for (let i = 0; i < 10; i++) {
  console.log(i);
}

  可以看到循环了10次，每次打印出一个数字。
  用三要素分析一下：

1. 起始值：i=0
2. 终止条件：i不小于10时终止
3. 变量变化：i++
     然后看看退出循环的方法：

for (let i = 0; i < 10; i++) {
  if (i % 2 == 0) {
    continue;
  }
  if (i == 5) {
    break;
  }
  console.log(i);
}