JavaScript（三）——运算符

素颜马尾好姑娘i 2021-09-07 08:18 230阅读 0赞

### JavaScript（三）——运算符 ###

#### 一、运算符 ####

运算符也叫操作符，通过运算符可以对一个或多个值进行运算，并获得运算结果

eg:typeof就是运算符，可以来获得一个值的类型，它会讲该值的类型以字符串的形式返回

##### 1、算数运算符 #####

当对非Number类型的值进行运算时，会将这些值转换为Number,然后再运算

任何值和NaN做运算都得NaN

（1）+：可以对两个值进行加法运算，并将结果返回

如果对两个字符串进行加法运算，则会做拼串，会将两个字符串拼接成一个字符串，并返回

任何的值和字符串相加都会转换为字符串，然后拼接操作。我们可以利用这一特点，来将一个任意的数据类型转换为String，我们只需要为任何的数据类型 + 一个 “ ” 即可将其转换为String,这是一种隐式的类型转换，由浏览器自动完成，实际上它也是调用String()函数

var a = true +false;
    var b = true +1;
    var c = null +2
    var d = NaN +2
    var e = "123" +"456"
    var f = 2 +"456"
    console.log(a) //0
    console.log(b) //2
    console.log(c) //1
    console.log(d) // NaN
    console.log(e) //123456
    console.log(f) //2456
    var re = 1 +2 +“3”  //33

（2）-： 可以对两个值进行减法运算 ，并将结果返回

（3）\* ：可以对两个值进行乘法运算 ，并将结果返回

（4）/：可以对两个值进行除法运算 ，并将结果返回

注意：任何值做 - \* / 运算时都会自动转换为Number。我们可以利用这一特点做隐式的类型转换，可以通过为一个值-0 \*1 /1来将其转换为Number。原理和Number()函数一样，使用起来更简单。

（5）% ：取余运算

##### 2、一元运算符 #####

只需要一个操作数

对于非Number类型的值，它会将其转换为Number，然后再运算，可以对一个其他的数据类型使用+,来将其转换为Number,它的原理和Number()函数一样

（1）+ 正号 ：正号不会对数字产生任何影响

（2）- 负号：负号可以对数字进行符号的取反

##### 3、自增和自减： #####

（1）通过自增可以使变量在自身的基础上增加1，对于一个变量自增以后，原变量的值会立即自增1

自增分为两种：后++(a++) 和 前++(++a),这两个都会使原变量的值自增1

区别：a++：a++的值等于原变量的值（自增前的值）

++a: ++a的值等于原变量新值（自增后 的值）

（2)自减（同上类似）

##### 4、逻辑运算符 #####

（1）！非 ：可以对一个值做非运算

所谓非运算就是对一个布尔值进行取反操作：true变false,false变true

如果对一个值进行两次取反，它不会变化

如果对非布尔值进行运算，则会将其转换为布尔值，然后再取反，所以我们可以利用这一特性，将其他类型的值转换为布尔值。

（2）&& 与：

（3）|| 或：

##### 5、赋值运算符 #####

可以将符号右侧的值赋值给符号左侧的变量

##### 6、关系运算符 #####

通过关系运算符可以比较两个值之间的大小关系

如果关系成立，它会返回true,如果关系不成立则会返回false

##### 7、相等运算符 #####

用来比较两个值是否相等，如果相等会返回true，否则返回false

使用== 来做相等运算，当使用==来比较两个值时，如果值的类型不同，则会自动进行类型转换，将其转换为相同的类型，然后再比较

console.log("1"==1) //true
    console.log(true == "1") //true
    console.log(null == 0) //false

注意：undefined 衍生自null,所以这两个值做相等判断时，会返回true

NaN不和任何值相等，包括它本身.可以通过一个isNaN()函数来判断一个值是否是NaN,如果该值是NaN则返回true,否则返回false

console.log(undefined == null); //true
    console.log(NaN== NaN); //false

不相等运算符： ！=

不相等用来判断两个值是否不相等，如果不相等返回true，否则返回false

不相等运算符也会对变量进行自动的类型转换，如果转换后相等它也会返回false

全等运算符： === 用来判断两个值是否全等，与相等类似，不同的是它不会做自动类型转换，如果两个值的类型不同，则直接返回false

不全等： === 用来判断两个值是否不全等，与不相等类似，不同的是它不会做自动类型转换，如果两个值的类型不同，则直接返回false

##### 8、条件运算符（三元运算符） #####

语法：条件表达式？语句1：语句2

执行流程：条件运算符在执行时，首先对条件表达式进行求值，如果该值为true,则执行语句1，并返回执行结果；如果该值为false，则执行语句2,并返回直接结果

#### 二、运算符的优先级 ####

先乘除后加减

在JS中有一个运算符优先级表，在表中越靠上优先级越高，优先级越高越优先计算，如果优先级一样，则从左往右计算

发表评论取消回复

表情：

评论列表（有 0 条评论，230人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript学习手册三：JS运算符

JS运算符 A、算术运算符任务描述相关知识 \+ - \ / %运算符递增运算符和递减运算

系统管理员/ 2022年11月19日 06:29/ 0 赞/ 156 阅读

相关 Javascript基础（三）之运算符、函数

1、运算符 1、位运算符作用：针对数字操作将数字先转换为二进制再进行运算操作二进制：由0,1组成,逢二进一十进制二进制 0 0

浅浅的花香味﹌/ 2022年07月11日 09:27/ 0 赞/ 163 阅读

相关 JavaScript之三元运算符

三元条件运算符格式：表达式1?表达式2:表达式3 说明：如果表达式1为true ，则整个表达式的结果就是表达式2的值，如果表达式false，则整个表达式

绝地灬酷狼/ 2022年06月15日 12:40/ 0 赞/ 155 阅读

相关 JavaScript 之条件（三目）运算符

条件运算符条件运算符是 ECMAScript 中功能最多的运算符，它的形式与 Java 中的相同。 variable = boolean\_expression ?

喜欢ヅ旅行/ 2022年04月22日 07:10/ 0 赞/ 215 阅读

相关 JavaScript（三）：变量和运算符！

![JavaScript（三）：变量和运算符！][JavaScript] 变量一、常用类型 object：对象 array：数组 number：数

Love The Way You Lie/ 2022年04月02日 13:58/ 0 赞/ 161 阅读

相关 JavaScript（三）——运算符

JavaScript（三）——运算符一、运算符运算符也叫操作符，通过运算符可以对一个或多个值进行运算，并获得运算结果 eg:typeof就是运算符，可以来获得

素颜马尾好姑娘i/ 2021年09月07日 08:18/ 0 赞/ 231 阅读

相关 JavaScript += 运算符

JavaScript += 运算符 += 是加法赋值运算符，先进行加法运算，然后再赋值。

红太狼/ 2020年05月24日 16:09/ 0 赞/ 1223 阅读

相关 JavaScript -= 运算符

JavaScript -= 运算符 -= 是减法赋值运算符，先进行减法运算，然后再赋值。

红太狼/ 2020年05月24日 16:07/ 0 赞/ 1049 阅读

相关 JavaScript >>= 运算符

JavaScript >>= 运算符 \>>= 是有符号右移赋值运算符，先进行有符号右移运算，然后再赋值。

红太狼/ 2020年05月24日 15:49/ 0 赞/ 773 阅读

相关 JavaScript ^= 运算符

JavaScript ^= 运算符 ^= 是按位异或赋值运算符，先进行按位异或运算，然后再赋值。

红太狼/ 2020年05月24日 15:45/ 0 赞/ 1142 阅读