一、运算符
运算符也叫操作符
通过运算符可以对一个或多个值进行运算,并获取运算结果
比如:typeof 就是运算符,可以来获取一个值的类型,它会将该值的类型以字符串的形式返回
算数运算符:当对非Number类型的值进行运算时,会将这些值转换为Number类型再进行运算任何值和NaN做运算都得NaN
| + | + 可以对两个值进行加法运算,并将结果返回。如果对两个字符串进行加法运算,则会做拼串,将两个字符串拼接为一个字符串,并返回。任何的值和字符串做加法运算,都会先转换为字符串,然后再和字符串做拼串的操作 |
|---|---|
| - | - 可以对两个值进行减法运算,并将结果返回 |
| * | * 可以对两个值进行乘法运算 |
| / | / 可以对两个值进行除法运算 |
| % | % 取模运算(取余数) |
二、一元运算符
一元运算符,只需要一个操作数
+ 正号 正号不会对数字产生任何影响
- 负号 负号可以对数字进行符号的取反
注意:对于非Number类型的值,会先将其转换为Number,然后再运算
可以对一个其他的数据类型使用 + ,来将其转换为number
他的原理和Number()函数一样
三、自增和自减
1、自增 ++
①通过自增可以使变量在自身的 基础上增加1
var a = 1;
a++;
console.log("a =" + a); //结果为2
②自增分为两种:后++(a++)和前++(a),无论是a 还是a,都会立即使原变量的值自增1
不同点:a的值等于原变量的值(自增前的值);++a的值等于原变量新值(自增后的值)
var a = 1;
console.log("a++ =" + a++); //结果为1
cosole.log("a = " + a); //结果为2
2、自减 --
① 通过自减可以使变量在自增的基础上减1
var a = 1;
a--;
console.log("a =" + a); //结果为0
② 自减分为两种:后--(a--)和前--(--a),无论是a-- 还是 --a 都会立即使原变量的值自减1
不同点:a--的值等于原变量的值(自减前的值);--a的值等于原变量新值(自减后的值)
var a = 1;
console.log("a-- =" + a--); //结果为0
cosole.log("a = " + a); //结果为1
四、逻辑运算符
JS中有三种逻辑运算符
①(!)非:所谓非运算就是对一个布尔值进行取反操作, true变false,false变true,如果对一个值进行两次 取反,那么它不会变化还是原值
//第一个值为true,则不会在检查第二个值
var a = true;
//对a进行非运算
a = !a;
consle.log("a = " + a); //输出结果为false
如果对非布尔值进行运算,会先将其转换为布尔值再取反
所以我们可以利用该特点,来将一个其他数据类型准换为布尔值
可以为一个任意数据类型取反两次,来将其转换为布尔值
原理和Boolean()函数一样
②(&&)与:&&可以对符号两侧的值进行与运算并返回结果
运算规则:两个值中只要有一个值为false就会返回false,只有两个值为true时,才会返回true, JS中的 “与”属于短路与,如果第一个值为false,则不会看第二个
//两个值都是true则返回true
var result = true && true;
//有一个false就返回false
result = false && true;
result = true && false;
result = false && false;
//第一个值为true,就会检查第二遍
true && alert("Hello!"); //输出一次Hello
//第一个值为false,就不会检查第二遍
false && alert("Hello!"); //不会输出
③(||)或:|| 可以对符号两侧的值进行运算并返回结果
运算规则:两个值中只要有一个true就返回true,如果两个值都为false才返回false,JS中的“或”属于 短路或,如果第一个值为true,则不会检查第二个值
//两个值都是false则返回false
var result = false || false;
//有一个true就返回true
result = true || false;
result = false || true;
result = true || true;
//第一个值为false,就会检查第二遍
false || alert("Hello!"); //输出一次Hello
//第一个值为false,就不会检查第二遍
true || alert("Hello!"); //前面为true就是true
/*
* 这里就意味着
* ①只要"||"前面为false,不管后面是true还是false,都返回"||"后面的值
* ②只要"||"前面为true,不管后面是true还是false,都返回"||"前面的值
*/
五、赋值运算符
=:可以将符号右侧的值赋值给符号左侧的变量
| += | a += 5 等价于 a = a + 5 |
|---|---|
| -= | a -= 5 等价于 a = a + 5 |
| *= | a **= 5 等价于 a = a ** 5 |
| /= | a /= 5 等价于 a = a / 5 |
| %= | a %= 5 等价于 a = a % 5 |
六、关系运算符
| 判断左侧的值是否大于右侧的,如果关系成立返回true,如果关系不成立则返回false | |
|---|---|
| >= | 判断符号左侧的值是否大于、或等于符号右边的值 |
| < | 判断左侧的值是否小于右侧的,如果关系成立返回true,如果关系不成立则返回false |
| <= | 判断符号左侧的值是否小于、或等于符号右边的值 |
//比较两个字符串时,比较的是字符串的字符编码
console.log("a" > "b");//true
//比较字符编码时是一位一位进行比较
console.log("abc" > "b");//flase
//如果两位一样,则比较下一位,所以借用它来对英文进行排序
console.log("abc" < "bcd");//true
//如果比较的两个字符串型的数字,可能会得到不可预期的结果
//注意:在比较两个字符串型的数字时,一定要转型
console.log("11" < +"5");//true
七、Unicode编码
八、相等运算符
| 相等 | == | 来比较两个值时,如果值的类型不同,则会自动进行类型转换,将其转换为相同的类型 然后再比较 |
|---|---|---|
| 不相等 | != | 不相等运算符用来比较两个值是否不相等,如果不相等会返回true,否则返回false不相等也会对变量进行自动的类型转换,如果转换后相等它也会返回false |
| 全等 | === | 用来判断两个值是否全等,它和相等类似,不同的是它不会做自动的类型转换,如果两个值的类型不同,直接返回false |
| 不全等 | !== | 用来判断两个值是否不全等,和不等类似,不同的是它不hi做自动类型转换,如果两个值的类型不同,直接返回true |
九、条件运算符
条件运算符也叫三元运算符
语法:条件表达式>语句1:语句2
执行的流程:
条件运算符在执行时,首先对条件表达式进行求值,如果该值为true,则执行语句1,并返回执行结果,如果该值为false,则执行语句2,并返回执行结果
如果条件的表达式的求值结果是一个非布尔值,会将其转换为布尔值再运算
var a = 10, b = 20;
a > b? alert("a大"):alert("b大");