JavaScript笔记整理2 -- JS基础概念之 运算符与流程控制

运算符

运算符的类型

赋值运算符

：用于给JavaScript变量赋值。

符号：=、+=、-=、*=、/=、%=

• 注意：+=这类符号中间不能有空格
• 不能在定义变量过程中使用+=、-=、*=、/=、%=

字符串连接运算符

：用于连接字符串。

符号：+、+=

注意：

1. +号的使用冲突：在+两边都是数字类型时才进行运算，任意一边是字符串则作为字符串连接运算符。
2. 平时工作中，变量名与字符串之间如果需要链接，就要使用+号
   格式："字符串"+变量名+"字符串"

比较运算符

符号：>、<、>=、<=、==、!=、===、!==

• 等于==：只判断值是否相等，例如10和’10’的比较结果是true
• 全等于===：判断数值类型与值是否都相等，例如10和’10’的比较结果是false

注意：
比较运算符最终得到的结果是布尔值：true和false

逻辑运算符

符号：逻辑与&&、逻辑或||、逻辑非!

• 短路运算：如果&&符号前面的表达式已经是false，后面的表达式便不会再执行。

js中逻辑运算符 对数字的特殊运算：
如果&&符号前面已经得到假，它会得到前面的这个数；
如果&&符号前面已经得到真，它会得到后面的这个数；

• eg: 0&&1 的结果为 0

如果||符号前面已经得到真，它会得到前面的这个数；
如果||符号前面已经得到假，它会得到后面的这个数；

• eg: 0||1 的结果为 1

三目（三元）运算符

：表示操作数有三个。

格式：条件表达式?表达式1:表达式2
说明：第一个条件表达式为判断条件，判断结果为bool型，计算结果为true时调用表达式1，计算结果为false时调用表达式2，即如果为真则执行第一个，否则执行第二个。

运算符的优先级

流程控制

：按照一定的流程选择要执行的代码。

流程控制分为：顺序结构、分支结构和循环结构。

顺序结构

：代码从上至下一行一行进行解析。

分支结构

：虽然有很多种选择，但最终只会有一个选择。

运用：if语句和switch语句。

if语句

运用：用于范围之间的判断。

if语句分为三种分支：单分支、双分支和多分支

单分支

语法：

if(条件表达式){
	条件成立时执行的代码块
}

双分支

语法：

if(条件表达式){
	条件成立时执行的代码块
}else{
	条件不成立时执行的代码块
}

多分支

语法：

if(条件表达式1){
	条件1成立时执行的代码块
}else if(条件表达式2){
	条件1不成立且条件2成立时，执行的代码块
}else if(条件表达式3){
	条件1不成立且条件2不成立且条件3成立时，执行的代码块
}else {
	条件1不成立且条件2不成立且条件3不成立时，执行的代码块
}

switch语句

运用：用于固定值之间的判断。

语法：

switch(变量名){
	case 值1:
		代码块1;
	break;
	case 值2:
		代码块2;
	break;
	case 值3:
		代码块3;
	break;
	case 值n:
		代码块n;
	break;
	default;
		默认执行代码块;
}

理解：将变量与case后的值进行全等比较（即===），如果比较得到true就会执行对应代码块并查找是否有break;关键字，如果有，switch语句将结束，否则将继续执行代码。如果变量的值与case中的每一个值都不相等，那么它就会执行默认代码块。

循环结构

：在满足一定的条件下，重复执行某些代码。

运用：for循环、while循环、do...while循环

for循环

运用：已知循环次数时，推荐使用for循环

语法：

for(变量初始化;条件表达式;变量更新){
	循环体
}

while循环

运用：未知循环次数时，推荐使用while循环

语法：

//变量初始化
while(条件表达式){
	循环体
	//变量更新
}

do…while循环

语法：

//变量初始化
do{
	循环体
	//变量更新
} while(条件表达式);

关于循环的终止

典型的，当条件表达式不成立，循环就会终止执行；
循环的提前终止：原本条件表达式是成立的，循环体还能继续执行，但我们可以使用一些关键字让其提前终止。

循环终止关键字：break 和 continue
主要作用：提高循环的效率。

• 注意配合if语句来实现

终止break

：当在循环体中遇到了break关键字以后，整个循环语句就会直接结束，不会再执行。

继续continue

：终止当前循环体，继续执行下一个循环体。