JavaScript(3)运算符

最新推荐文章于 2023-09-12 16:02:40 发布

花京院嚯

最新推荐文章于 2023-09-12 16:02:40 发布

阅读量329

点赞数 1

分类专栏：笔记文章标签： javascript

本文链接：https://blog.csdn.net/m0_62520946/article/details/123307950

版权

笔记专栏收录该内容

17 篇文章 0 订阅

订阅专栏

其他进制的数字

在JS中，如果需要表示16进制的数字，则需要以0x开头
如果需要表示8进制的数字，则需要以0开头
如果需要表示2进制的数字，则需要以0b开头

注意：但不是所有的浏览器都支持。如：像"070"这种字符串，有些浏览器会当成8进制解析，有些会当成10进制解析。
可以在parseInt()中传递一个第二个参数,来指定数字的进制

<script type="text/javascript">
		    //十六进制数字
			a=0x10;
			//八进制数字
			a=070;
			//二进制数字
			a=0b10;
			
			a=parseInt(a,10);
			console.log(typeof a);
			console.log(a);
			
		</script>

运算符

也叫操作符

通过运算符可以对一个或多个值进行运算，并获取运算结果，比如，typeof就是运算符，可以来获得一个值的类型

算术运算符

+

可以对两个值进行加法运算，并将结果返回

对两个字符串进行加法运算，会做拼串，将两个字符串拼在一起，并返回

任何值和字符串相加，都会先转换为字符串，将两个字符串拼在一起，做拼串操作。

我们可以利用这一特点，来使一个任意的数据类型转换为String。==我们只需要为任意的数据类型+一个""(空串)，即可将其转换为String。==这是一个隐式的转换，有浏览器自动完成，实际上它也是调用String()函数。

<script type="text/javascript">
			var result;
			result=true+false;
			result=2+null;
			result=2+NaN;
			result="你好"+"大帅哥"；
			console.log(result);
		</script>

对两个值进行减法运算，并将结果返回

*

对两个值进行乘法运算，并将结果返回

/

对两个值进行除法运算，并将结果返回

注意：任何值做-、*、/运算时自动转换为Number

我们可以利用这一特点做隐式的类型转换，==可以通过-0、*1、/1来将其转换为Number。==原理和Number()函数一样，使用起来更加简单。

`%`

取模运算（取余数）

<script type="text/javascript">
			/*var result;
			result=true+false;
			result=2+null;
			result=2+NaN;
			result="你好"+"大帅哥"；
			console.log(result);*/
			var a=1+2+'3';
			var b="1"+2+3;
			console.log(a);
			console.log(b);
		</script>

结果：a=33

b=123

a,b都为String类型

一元运算符

一元运算符，只需要一个操作数

+正号，不会对数字产生任何影响

- 负号，可以对数字进行负号取反
对于非Number类型的值，它会先转换为Number，然后运算。
可以对一个其他的数据类型使用+，来将其转换为Number，它的原理和Number()函数一样。

<script type="text/javascript">
 var a=1+"2"+3;
		   var b=1++"2"+3;
		   console.log("a="+a);
		   console.log("b="+b);
		   
		</script>

结果

a=123

b=6

a为String类型，b为Number类型

自增和自减

自增，运算符：++

通过自增可以使变量在自身的基础上增加1
自增分为两种：a++ ++a

无论是a++还是++a,都会立即使原变量的值自增1

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

++a的值等于新值（自增后的值）

自减，运算符：--

通过自减可以使变量在自身的基础上减1
自减分为两种：a-- --a

无论是 a-- 还是 --a,都会立即使原变量的值自减1

a--的值等于原变量的值（自增前的值）

--a的值等于新值（自增后的值）

<script type="text/javascript">
 var a=1;
		  console.log("a="+a);
		  console.log(a++);
		  
		  
		</script>

逻辑运算符

！非

可以用来对一个值进行非运算
所谓非运算就是对一个布尔值进行取反操作，true变false，false变true
如果对一个值进行两次取反，它不会变化
如果对非布尔值进行运算，则会将其转换为布尔值，然后再取反。所以我们可以利用该特点，来讲一个其他的数据类型转换为布尔值，可以为一个任意的数据两次取反，来将其转换为布尔值，原理和Boolean()函数一样。

&&与

&&可以对符号两侧的值进行与运算并返回结果
运算规则：
两个值中，只要有一个false时，就返回false；都为true，才返回true。
JS中的“与”属于短路与，如果第一个值为false，则不会看第二个值

||或

|| 可以对符号两侧的值进行与运算并返回结果
运算规则：
两个值中，只要有一个true时，就返回true；都为false，才返回false
JS中的“或”属于短路或，如果第一个值为true，则不会看第二个值

&& ||非布尔值情况

对于非布尔值进行与或运算时，会先将其转换成布尔值，然后再运算，并且返回原值

&&运算

如果第一个值为true，则必然返回第二个值
如果第一个值为false，则直接返回第一个值

||运算

如果第一个值为true，则必然返回第二个值
如果第一个值为false，则直接返回第一个值

<script type="text/javascript">
			var a=2&&1;//1
			
			var a=0&&2;//0
			
			var a=0&&NaN;//0
			
			var a=NaN&&0;//NaN
			
			a=2||1;//2
			
			a=NaN||2;//2
			
			a=NaN||0;//0
			
			a=""||"hello";//"hello"
			
			
		  
		  
		</script>

赋值运算符

关系运算符

通过关系运算符可以比较两个值之间的大小关系，如果关系成立，它会返回true；如果关系不成立，则返回false

任何值和NaN做任何运算都是false

>、 >= 、< 、<=

非数值的情况

对于非数值进行比较时，会将其转换成数字，然后再比较

如果符号两侧的值都是字符串时，不会将其转换为数字进行比较，而会分别比较字符串中字符的Unicode编码。比较字符编码时，是一位一位进行比较；如果两位一样，则比较下一位，所以借用它来对英文进行排序。
注意：在比较两个字符串的数字时，一定要转型

		<script type="text/javascript">
			console.log("123123123" < "5");//true
			console.log("123123123" < +"5");//false
		</script>

相等运算符

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

== 相等

用来比较两个值是否相等，如果相等会返回true，否则会返回false
当使用==来比较两个值时，如果值的类型不同，则会自动进行类型转换，将其转换为相同的类型，然后再比较

!= 不相等

用来判断两个值是否不相等，如果不相等返回true，否则返回false
当使用!=来比较两个值时，如果值的类型不同，则会自动进行类型转换，将其转换为相同的类型，然后再比较

=== 全等

注意：

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

NaN不和任何值相等，包括它本身

如何判断一个值是否是NaN，可以通过isNaN()函数来判断一个值是否是NaN，如果该值是NaN则返回true，否则返回false

	<script type="text/javascript">

			console.log(null==0);//false
			console.log(undefined==null);//true
			
			/*
			 * NaN不和任何值相等，包括它本身
			 */
			console.log(NaN==NaN);//false
			 
			var b = NaN;
			console.log(isNaN(b));//true
	
		</script>

条件运算符

也叫三元运算符

语法：

条件？语句1：语句2；

执行的流程：

条件运算符在执行时，首先对条件表达式进行求值，
如果该值为true，则执行语句1，并返回执行结果
如果该值为false，则执行语句2，并返回执行结果
如果条件表达式的求值结果是一个非布尔值，会将其转换为布尔值，然后再运算。

，运算符

用，进行分割多个语句，一般可以在声明多个变量时使用

使用Unicode编码

在字符串中的使用转义字符输入Unicode编码
语法：\u四位编码

在网页中使用Unicode编码
语法：&#编码(这里的编码需要的是10进制)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			console.log(\u2620);
		</script>
	</head>
	<body>
		<h1 style="font-size: 50px;">&#9760;</h1>
	</body>
</html>

花京院嚯

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript(3)运算符

其他进制的数字在JS中，如果需要表示16进制的数字，则需要以0x开头如果需要表示8进制的数字，则需要以0开头如果需要表示2进制的数字，则需要以0b开头注意：但不是所有的浏览器都支持。如：像"070"这种字符串，有些浏览器会当成8进制解析，有些会当成10进制解析。可以在parseInt()中传递一个第二个参数,来指定数字的进制<script type="text/javascript"> //十六进制数字 a=0x10; //八进制数字 a=07
复制链接

扫一扫