1. 运算符与流程控制
1.运算符(操作符)
运算符是用于实现赋值、比较和执行算数运算符等功能的符号。常用的运算符分类如下:
算术运算符
递增和递减运算符
比较运算符
逻辑运算符
赋值运算符
1.算数运算符
运算符 | 描述 | 案例 |
---|---|---|
+ | 加 | 10+20=30 |
- | 减 | 10-20=-10 |
* | 乘 | 10*20=200 |
/ | 除 | 10/20=0.5 |
% | 取余(取模) | 返回除法的余数9%2=1 |
浮点数的精度问题
var result = 0.1 + 0.2; // 结果不是 0.3,而是:0.30000000000000004
console.log(0.07 * 100); // 结果不是 7, 而是:7.000000000000001
浮点数值的最高精度是17位小数,但是在进行算数运算时其精度远远不如整数,所以不要直接判断两个浮点数是否相等。
表达式与返回值
表达式:由数字、运算符和变量组成的式子。
返回值:每一个表达式经过相应的运算之后,会有一个最终结果,称为表达式的返回值
2.递增和递减运算符
递增运算符
++num 是先自加 后赋值
num++ 是先赋值 后自加
3.比较运算符
运算符 | 描述 | 案例 | 结果 |
---|---|---|---|
< | 小于号 | 1<2 | true |
> | 大于号 | 1>2 | false |
>= | 大于等于号(大于或者等于) | 2 >= 2 | true |
<= | 小于等于号(小于或者等于) | 3 <= 2 | false |
== | 判等号(会转型) | 15 == '15' | true |
!= | 不等号 | 37 != 37 | false |
=== !=== | 全等 全不等(要求值和数据类型都一致) | 37 === '37' | false |
4.逻辑运算符
逻辑运算符是用来进行布尔运算的运算符
短路运算:当有多个表达式(值)时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式值;
运算符 | 描述 | 案例 | 特点 |
---|---|---|---|
&& | "逻辑与",简称"与" and | true && false | 两边都是 true才返回 true |
|| | "逻辑或",简称"或" or | true | 有真为真 |
! | "逻辑非",简称"非" not | !true | 取反 |
5.赋值运算符
运算符 | 描述 | 案例 | 特点 |
---|---|---|---|
&& | "逻辑与",简称"与" and | true && false | 两边都是 true才返回 true |
|| | "逻辑或",简称"或" or | true | 有真为真 |
! | "逻辑非",简称"非" not | !true | 取反 |
6. 优先级运算符
优先级 | 运算符 | 顺序 |
---|---|---|
1 | 小括号 | () |
2 | 一元运算符 | ! ++ -- |
3 | 算数运算符 | 先* / % 后+ - |
4 | 关系运算符 | > >= < <= |
5 | 相等运算符 | == != === !== |
6 | 逻辑运算符 | 先&& 后|| |
7 | 赋值运算符 | = |
8 | 逗号运算符 | , |
2.流程控制
流程控制在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。流程控制主要有三种结构,分别是顺序结构、分支结构和循环结构,代表三种代码执行的顺序。
1.分支流程控制
// 1. 条件成立执行的代码语句
if (条件表达式) {
}
// 2.if else 语句
if (条件表达式) {
// [如果] 条件成立执行的代码
} else {
// [否则] 执行的代码
}
// 3. if else if 语句(多分支语句)
// 适合于检查多重条件。
if (条件表达式1) {
语句1;
} else if (条件表达式2) {
语句2;
} else if (条件表达式3) {
语句3;
....
} else {
// 上述条件都不成立执行此处代码
}
2.三元表达式
//如果表达式1为 true ,则返回表达式2的值,如果表达式1为 false,则返回表达式3的值
表达式1 ?表达式2:表达式3;
switch分支流程控制 它用于基于不同的条件来执行不同的代码。当要针对变量设置一系列特定值的选项时,久可以使用switch。
switch( 表达式 ){
case value1:
// 表达式 等于 value1 时要执行的代码
break;
case value2:
// 表达式 等于 value2 时要执行的代码
break;
default:
// 表达式 不等于任何一个 value 时要执行的代码
}
3.循环与代码规范
1.循环
运算符 | 描述 |
---|---|
初始化变量 | 通常被用于初始化一个计数器,该表达式可以使用var关键字声明新的变量,这个变量帮我们来记录次数。 |
条件表达式 | 用于确定每一次循环是否能被执行,如果结果是true就继续循环,否则退出循环 |
操作表达式 | 每次循环的最后都要执行的表达式。通常用于更新计数器变量的值 |
for(初始化变量; 条件表达式; 操作表达式 ){
//循环体
}
执行流程
1.执行化变量,初始化操作在整个for循环只会执行一次。
2.执行条件表达式,如果为true,则执行循环体语句,否则退出循环,循环结束。
3.执行操作表达式,此时第一轮结束。
4.第二轮开始,直接去执行条件表达式(不再初始化变量),如果为 true ,则去执行循环体语句,否则退出循环。
5.继续执行操作表达式,第二轮结束。
双重for循环 循环嵌套是指在一个循环语句中在定义一个循环语句的语法结构,例如在for循环语句中,可以在嵌套一个for循环,这样的for循环语句语句我们称之为双重for循环。
for (外循环的初始; 外循环的条件; 外循环的操作表达式) {
for (内循环的初始; 内循环的条件; 内循环的操作表达式) {
需执行的代码;
}
}
//for循环打印九九乘法表
var str = "";
for (var i = 1; i <= 9; i++) {
for (var j = 1; j <= i; j++) {
str += j + "x" + i + "=" + j * i + "\t";
}
str += "\n";
}
console.log(str);
while 循环
while (条件表达式) {
// 循环体代码
}
// 1. 先执行条件表达式,如果结果为 true,则执行循环体代码;
// 如果为 false,则退出循环,执行后面代码
// 2. 执行循环体代码
// 3. 循环体代码执行完毕后,程序会继续判断执行条件表达式,
do while 循环
do {
// 循环体代码 - 条件表达式为 true 时重复执行循环体代码
} while(条件表达式);
// 先执行一次循环体代码,再执行条件表达式
continue 、break
continue 关键字用于立即跳出本次循环,继续下一次循环(本次循环体中continue之后的代码就会少执行一次)。
break 关键字用于立即跳出整个循环(循环结束)。