本文最后更新于 2025-01-10T22:20:33+08:00
运算符 运算符也叫操作符 通过运算符可以对一个或多个值进行运算,并获取运算结果 比如:typeof就是运算符,可以来获得一个值的类型 它会将该值的类型以字符串的形式返回 number string boolean undefined object
算数运算符 当对非Number类型的值进行运算时,会将这些值转换为Number然后在运算 任何值和NaN做运算都得NaN
+ 可以对两个值进行加法运算,并将结果返回 如果对两个字符串进行加法运算,则会做拼串,会将两个字符串拼接为一个字符串,并返回 任何的值和字符串做加法运算,都会先转换为字符串,然后再和字符串做拼串的操作
我们可以利用这一特点,来将一个任意的数据类型转换为String 我们只需要为任意的数据类型 + 一个 “” 即可将其转换为String 这是一种隐式的类型转换,由浏览器自动完成,实际上它也是调用String()函数
- 可以对两个值进行减法运算,并将结果返回
任何值做- * /运算时都会自动转换为Number 我们可以利用这一特点做隐式的类型转换 可以通过为一个值 -0 *1 /1来将其转换为Number 原理和Number()函数一样,使用起来更加简单
* 可以对两个值进行乘法运算
/ 可以对两个值进行除法运算
% 取模运算(取余数)
一元运算符 一元运算符,只需要一个操作数
+ 正号 - 正号不会对数字产生任何影响
- 负号 - 负号可以对数字进行负号的取反
对于非Number类型的值, 它会将先转换为Number,然后在运算
可以对一个其他的数据类型使用+,来将其转换为number
它的原理和Number()函数一样
自增自减运算符 自增 ++
通过自增可以使变量在自身的基础上增加1
对于一个变量自增以后,原变量的值会立即自增1
自增分成两种:后++(a++) 和 前++(++a) 无论是a++ 还是 ++a,都会立即使原变量的值自增1 不同的是a++ 和 ++a的值不同 a++的值等于原变量的值(自增前的值) ++a的值等于新值 (自增后的值)
自减 –
通过自减可以使变量在自身的基础上减1
自减分成两种:后–(a–) 和 前–(–a) 无论是a– 还是 –a 都会立即使原变量的值自减1 不同的是a– 和 –a的值不同 a– 是变量的原值 (自减前的值) –a 是变量的新值 (自减以后的值)
逻辑运算符 JS中为我们提供了三种逻辑运算符
非 1 2 3 4 5 6 7 8 9 ! 非 - !可以用来对一个值进行非运算 - 所谓非运算就是值对一个布尔值进行取反操作, true 变false ,false 变true - 如果对一个值进行两次取反,它不会变化 - 如果对非布尔值进行元素,则会将其转换为布尔值,然后再取反 所以我们可以利用该特点,来将一个其他的数据类型转换为布尔值 可以为一个任意数据类型取两次反,来将其转换为布尔值, 原理和Boolean ()函数一样
与 1 2 3 4 5 6 7 && 与 - &&可以对符号两侧的值进行与运算并返回结果 - 运算规则 - 两个值中只要有一个值为false 就返回false , 只有两个值都为true 时,才会返回true - JS中的“与”属于短路的与, 如果第一个值为false ,则不会看第二个值
或 1 2 3 4 5 6 7 || 或 - ||可以对符号两侧的值进行或运算并返回结果 - 运算规则: - 两个值中只要有一个true ,就返回true 如果两个值都为false ,才返回false - JS中的“或”属于短路的或 如果第一个值为true ,则不会检查第二个值
非布尔值逻辑运算符 && || 非布尔值的情况
- 对于非布尔值进行与或运算时,会先将其转换为布尔值,然后再运算,并且返回原值
1 2 3 4 5 6 7 - 与运算: - 如果第一个值为true,则必然返回第二个值 - 如果第一个值为false,则直接返回第一个值 - 或运算 - 如果第一个值为true,则直接返回第一个值 - 如果第一个值为false,则返回第二个值
赋值运算符 = 可以将符号右侧的值赋值给符号左侧的变量
关系运算符 通过关系运算符可以比较两个值之间的大小关系, 如果关系成立它会返回true,如果关系不成立则返回false
1 2 3 4 5 6 7 8 9 10 > 大于号 - 判断符号左侧的值是否大于右侧的值 - 如果关系成立,返回true,如果关系不成立则返回false >= 大于等于 - 判断符号左侧的值是否大于或等于右侧的值 < 小于号 <= 小于等于 同理
非数值的情况
1 2 3 4 5 6 7 8 9 10 11 - 对于非数值进行比较时,会将其转换为数字然后在比较 - 如果符号两侧的值都是字符串时,不会将其转换为数字进行比较 而会分别比较字符串中字符的Unicode 编码 -比较两个字符串时,比较的是字符串的字符编码 -比较字符编码时是一位一位进行比较 -如果两位一样,则比较下一位,所以借用它来对英文进行排序 -比较中文时没有意义 console .log ("戒" > "我" ); -如果比较的两个字符串型的数字,可能会得到不可预期的结果 -注意:在比较两个字符串型的数字时,一定一定一定要转型console .log ("11123123123123123123" < +"5" );
Unicode编码 在js里使用:在字符串中使用转义字符输入Unicode编码 格式:\u四位编码
在网页里(html)使用
格式:&#编码; 这里的编码需要的是10进制`
1 2 <h1 style="font-size: 200px;" >☠ ;</h1><h1 style ="font-size: 200px;" > ⚀ </h1 >
相等运算符 相等运算符用来比较两个值是否相等,如果相等会返回true,否则返回false
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 * 使用 == 来做相等运算* - 当使用==来比较两个值时,如果值的类型不同,* 则会自动进行类型转换,将其转换为相同的类型* 然后在比较* 不相等* 不相等用来判断两个值是否不相等,如果不相等返回true,否则返回false* - 使用 != 来做不相等运算* - 不相等也会对变量进行自动的类型转换,如果转换后相等它也会返回false* * * ===* 全等* - 用来判断两个值是否全等,它和相等类似,不同的是它不会做自动的类型转换* 如果两个值的类型不同,直接返回false* !==* 不全等* - 用来判断两个值是否不全等,和不等类似,不同的是它不会做自动的类型转换* 如果两个值的类型不同,直接返回true
1 2 3 console .log (undefined == null );
1 2 console .log (NaN == NaN );
1 2 3 4 5 6 7 8 var b = NaN ;console .log (b == NaN );console .log (isNaN (b));
条件运算符 条件运算符也叫三元运算符
1 2 3 4 5 6 7 8 语法: 条件表达式?语句1 :语句2 ; - 执行的流程: 条件运算符在执行时,首先对条件表达式进行求值, 如果该值为true ,则执行语句1 ,并返回执行结果 如果该值为false ,则执行语句2 ,并返回执行结果 如果条件的表达式的求值结果是一个非布尔值, 会将其转换为布尔值然后在运算
举例:求三数最大值
1 2 3 4 5 6 7 8 9 10 var a = 300 ;var b = 143 ;var c = 50 ;var max = a > b ? a : b; max = max > c ? max : c;var max = a > b ? (a > c ? a :c) : (b > c ? b : c);console .log ("max = " +max);