JavaScript笔记整理2 -- JS基础概念之 运算符与流程控制
JavaScript笔记整理2 -- JS基础概念之 运算符与流程控制
运算符
运算符的类型
赋值运算符
:用于给JavaScript变量赋值。
符号:=
、+=
、-=
、*=
、/=
、%=
- 注意:
+=
这类符号中间不能有空格 - 不能在定义变量过程中使用
+=
、-=
、*=
、/=
、%=
字符串连接运算符
:用于连接字符串。
符号:+
、+=
注意:
-
+
号的使用冲突:在+
两边都是数字类型时才进行运算,任意一边是字符串则作为字符串连接运算符。 - 平时工作中,变量名与字符串之间如果需要链接,就要使用
+
号
格式:"
字符串"+
变量名+"
字符串"
比较运算符
符号:>
、<
、>=
、<=
、==
、!=
、===
、!==
- 等于
==
:只判断值是否相等,例如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
:终止当前循环体,继续执行下一个循环体。