[JS]运算符

Posted 冯风风

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[JS]运算符相关的知识,希望对你有一定的参考价值。

一、基本运算符

  运算元:运算符应用的对象。例如 5 * 2 ,有两个运算元,左运算元5和右运算元2。

  一元运算符:只应用于一个运算元的运算符,例如一元负号运算符。

  二元运算符:应用于两个运算元的运算符,例如二元加号运算符,二元乘号运算符。

 

二、特殊运算符

  二元加号运算符不仅仅用作计算,它还可以用于转化字符串和连接字符串,这也是它独有的特性。其他数学运算符都只对数字有效,通常他们会将运算元转为数字。

1 let s1 = "hello" + "jack"; // hellojack
2 let s2 = "12" + 3; // "123"
3 let s3 = "12" / 2; // 6

  

  一元加号运算符具有数字转化功能。

1 let str = "123";
2 let test = true;
3 let test2 = "";
4 let test3 = " ";
5 console.log( +str ); // 123 
6 console.log( +test ); // 1
7 console.log( +test2 ); // 0
8 console.log( +test3 ); // 0

  

  一元运算符优先级高于二元运算符。

1 let str1 = "12";
2 let str2 = true;
3 console.log( +str1 + +str2 ); // 12 

  

  求余运算符 % ,a % b 结果是 a 除以 b 的余数。

1 console.log( 12 % 5 ); // 2

  

  幂运算符**,a ** b 结果为 a 的 b次方

1 console.log( 3 ** 2 ); // 9
2 console.log( 9 ** (1/2) ); // 3

  

  自增和自减

  自增 ++ ,变量本身自加1:

1 let num = 4;
2 num++;
3 console.log(num); // 5

  自减 -- ,变量本身自减1:

1 let num1 = 4;
2 num1--;
3 console.log(num1); // 3

  运算符 ++ 和 -- 可以放在变量前,也可放在变量后,产生的效果也不同:

1 let num = 4;
2 let a = ++num; // 5 
3 let b = num++; // 5 此时 num 为5
4 
5 let num2 = 3;
6 let c = --num2; // 2
7 let d = num2--; // 2 此时 num2 为2

  它们可以放在表达式中,而且优先级比绝大部分的算数运算符要高。

 

  修改并替换,用于简化代码,对所有运算符都有效。

1 let n = 2;
2 n += 5; // 此时 n = 7 (同 n = n + 5)
3 n *= 2; // 此时 n = 14 (同n = n * 2)
4 n *= 3 + 5; // 此时 n = 16,先计算右侧。

  

  逗号运算符

  它能让我们处理多个语句,用 , 隔开,所有的语句都执行了,但只有最后一条语句会返回结果。

1 let k = (1 + 2, 3 + 4); // 7

 

三、练习

  计算出下列表达式的值

 1 "" + 1 + 0      // "10"
 2 "" - 1 + 0      // -1
 3 true + false    // 1
 4 6 / "3"         // 2
 5 "2" * "3"       // 6
 6 4 + 5 + "px"    // 9px
 7 "$" + 4 + 5     // "$45"
 8 "4" - 2         // 2
 9 "4px" - 2       // NaN
10 7 / 0           // infinity
11 "  -9  " + 5    // " -9 5"
12 "  -9  " - 5    // -14
13 null + 1        // 1
14 undefined + 1   // NaN
15 " 	 
" - 2    // -2   	 
 表示空格字符

 

以上是关于[JS]运算符的主要内容,如果未能解决你的问题,请参考以下文章

谷歌浏览器调试jsp 引入代码片段,如何调试代码片段中的js

中继片段传播不起作用

10个JavaScript代码片段,使你更加容易前端开发。

10个JavaScript代码片段,使你更加容易前端开发。

VSCode自定义代码片段——JS中的面向对象编程

VSCode自定义代码片段9——JS中的面向对象编程