四、运算符

最新推荐文章于 2023-04-17 15:58:21 发布
最新推荐文章于 2023-04-17 15:58:21 发布
阅读量161 收藏
点赞数
分类专栏： WEB基础-JS核心
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45602227/article/details/117755030
版权

一、JS运算

1.1 JS运算符

	
	1)运算符也叫操作符，通过运算符，可以对一个或多个值进行运算，并获取运算结果。
	
	2)JS运算分为【算数运算】、【逻辑运算】、【关系运算】。

1.2 JS运算符优先级

	
	这个表不需要记忆。如果遇到优先级不清楚的，
	我们使用()改变优先级。

在这里插入图片描述

1.2 JS运算规则


	JS运算规则:
	   		1) 非Number类型的数据在做算数运算、关系运算时，会将这些值转换为Number在运算。（字符串相加除外）
	   							内部原理：底层使用了Number(x)函数进行转换
	   							
	  		   非Boolean类型的数据在做逻辑运算时，会将这些值转换为Boolean在运算。	
				   				内部原理：底层使用了Boolean(x)函数进行转换

			2) 任何值和NaN做运算，其结果都是NaN。
	
	【基本规则和上述一致，有些特殊情况！！！】
1）非Number类型的数据在做算数运算、关系运算时，会将这些值转换为Number在运算。（字符串相加除外）

内部原理：底层使用了Number(x)函数进行转换

	    console.log(Number("12"));    //12
        console.log(Number("")); 	  //0
        console.log(Number("    "));  //0
        console.log(Number("12ab"));  //NaN
        
        console.log(Number(true));    //1
        console.log(Number(false));


        console.log(Number(null));
        console.log(Number(undefined));
        console.log(Number(NaN));

在这里插入图片描述

2）非Boolean类型的数据在做布尔运算时，会将这些值转换为Boolean在运算。

内部原理：底层使用了Boolean(x)函数进行转换

	    console.log(Boolean("12"));      
        console.log(Boolean("")); 	 
        console.log(Boolean("    ")); 
        console.log(Boolean("12ab"));  
        
        console.log(Boolean(12));  


        console.log(Boolean(null));
        console.log(Boolean(undefined));
        console.log(Boolean(NaN));

在这里插入图片描述

1.3 JS和JAVA的区别


	JS和JAVA的不同点在于:
			
			1) JAVA中只有相似类型的数据才可以进行数学运算;
			   而JS中完全不同类型的数据也可以进行数学运算。
			
			2) JAVA中逻辑运算必须是布尔类型，并且返回值也是布尔类型。
			   JS中逻辑运算可以是任意类型。并且运算时转为布尔类型运算，返回时返回原值。
			
			3)JS中的除法运算不同于JAVA中的除法运算。
				
					JAVA中的除法运算，其结果的类型取决于这个式子中最大数据类型。
					JS中的除法运算，与我们日常无疑。
										JAVA:12/8=1						
										JS:  12/8=1.5

二、算数运算

非Number类型的数据在做算数运算时，会将这些值转换为Number在运算。（字符串相加除外）

2.1 算数运算符


	+运算:相加运算
			
					1) 任意类型的数据与字符串相加，等同于拼接字符串
					2）字符串隐式类型转换【利用 x+“” 来实现字符串隐式类型转换】
						
								内部原理:任何类型的数据和字符串直接相加，都会做拼接字符串操作。
		


	-运算:减法运算
	*运算:乘法运算
	/运算:除法运算	   		  
			
					1）JS中的除法运算不同于JAVA中的除法运算。JS中的除法运算，与我们日常无疑。
											
												JAVA:12/8=1						
												JS:  12/8=1.5
								
				   	2）Number隐式类型转换【利用 x-0 、 x*1 、 x/1 来实现Number类型转换】	
				   			
				   			内部原理:
									非Number类型的数据在做运算，会将这些值转换为Number在运算。（字符串相加除外）。
		   	  		

	   	        		 

	
	%运算:取模运算
					
					1）取模运算就是取余数
					2）其结果的正负号取决于被除数
1）示例
>>>>>> 任意类型的数据和字符串相加，就等同于拼接字符串
       
        var s="12";

        console.log(13+s);
        console.log("13"+s);
        console.log(null+s);
        console.log(undefined+s);
        console.log(NaN+s);

        
        console.log(1+2+s);

在这里插入图片描述

>>>>>> 加法运算
     
          var result =1;

          console.log(result+13);
          console.log(result+null);
          console.log(result+undefined);
          console.log(result+true);
          console.log(result+NaN);

          console.log(result+"12");

在这里插入图片描述

>>>>>> 减法、乘法、除法运算

        console.log("13"/1);  //13
        console.log(true/1); //1
        console.log(null/1); //1
        console.log(undefined/1); //NaN
        console.log(NaN/1); //NaN


 
        console.log("13"*1);  //13
        console.log(true*1); //1
        console.log(null*1); //1
        console.log(undefined*1); //NaN
        console.log(NaN*1); //NaN
        
        

        
        console.log("13"-1);  //12
        console.log(true-1); //0
        console.log(null-1); //-1
        console.log(undefined-1); //NaN
        console.log(NaN-1); //NaN
>>>>>> 除法运算
        console.log(12/8);
        console.log(6.6/1);

在这里插入图片描述

>>>>>> 取模运算
        console.log(12%5)   //2
        console.log(-12%5)  //-2
        console.log(12%-5)  //2

在这里插入图片描述

2）隐式类型转换
	
	1.字符串隐式类型转换【利用 x+“” 来实现字符串隐式类型转换】
			
			内部原理:
					任意类型的数据与字符串相加，等同于字符串拼接。
					我们可以利用该点,将任意类型的数据转化为字符串。
			
	
	2.Number隐式类型转换【利用 x-0 、 x*1 、 x/1 来实现Number类型转换】	
		
			内部原理:
					任意类型的数据在做运算,会转化为Number在做运算（与字符串相加除外）。
					我们可以利用该点，将任意类型的数据转化为Number类型。
a）字符串隐式类型转换
           console.log(12+"");
           console.log(true+"");
           console.log(null+"");
           console.log(undefined+"");
           console.log(NaN+"");

在这里插入图片描述

b）Number隐式类型转换

        console.log("13"/1);  //13
        console.log(true/1);  //1
        console.log(null/1);  //0
        console.log(undefined/1);  //NaN
        console.log(NaN/1);   //NaN


        console.log("13"-0);  //13
        console.log(true-0);  //1
        console.log(null-0);  //0
        console.log(undefined-0);  //NaN
        console.log(NaN-0);   //NaN


        
        console.log("13"*1);  //13
        console.log(true*1);  //1
        console.log(null*1);  //0
        console.log(undefined*1);  //NaN
        console.log(NaN*1);   //NaN

2.2 一元运算符

	
	+(正号)、-(负号)
			
					 1）一元运算符,只需要一个操作数	。
					 2）正号不会对操作数产生影响，负号可以对操作数进行取反。
				 	 3) 通过一元运算符可以实现与字符串直接相加，而不是拼接字符串。
					 4) 利用 +x 来实现Number隐式类型转换
									
									内部原理:
											利用一元运算符实现Number类型隐式类型转换
											任意类型的数据在做运算,会转化为Number在做运算（与字符串相加除外）。
					  				 		我们可以利用该点，并结合一元运算符，将任意类型的数据转化为Number类型。
1）通过一元运算符可以实现与字符串可以直接相加，而不是拼接字符串
            
            var s=1+ +"2" +3;
            console.log(s);//6
2）Number的隐式类型转换
            var s=+true;
            console.log(s); //1

            s=+"123";
            console.log(s); //123

            s=+null;
            console.log(s);//1

            s=+undefined;
            console.log(s);//NaN

            s=1+ +"2" +3;
            console.log(s);//6

2.3 自增、自减运算符

	
	a++ 、a-- 
				先使用，后自增自减
	++a 、--a 
				先自增自减，后使用
	

        var s=1;
        console.log(++s); // 2
		
		var s=1;
        console.log(s++); // 1
        console.log(s);   //2

2.4 赋值运算符

	
	+= 、-= 、 *= 、 /+ 、 %= 
	
		a+=5  等价于 a=a+5;


        var a=4;
       	console.log(a+=1);	

        var a=4;
       	console.log(a-=1);	
           
           
        var a=4;
       	console.log(a*=1);	


        var a=4;
       	console.log(a/=1);	


        var a=4;
       	console.log(a%=1);

在这里插入图片描述

三、逻辑运算

非Boolean类型的数据在做逻辑运算时，会将这些值转换为Boolean在运算。

3.1 逻辑运算符

	
	! 				
		注意事项:
				1) 非运算,对操作数进行取反。返回布尔类型。
				2) 非布尔类型的数据在做非运算，首先会转化为布尔类型，在做运算。
				   返回布尔类型。
				   
				3) Boolean类型隐式类型转换。
				
							内部原理：
									对任意类型取两次反，可以将其转化为布尔值。
											var s="12";
											s=!!s; //true
	

	   
	&& 				
		注意事项:
				 1) 逻辑与,相同为true，不同为false。返回原值。
				 2) 短路运算。如果第一个值为false，则不会看第二个值。
				 3) 非布尔类型的数据进行与运算时，运算时转会布尔值进行运算，返回时会返回原值。
				
							第一个值为true，返回第二个值。
							第一个值为false，返回第一个值。
		
	|| 
		注意事项:
				1) 逻辑或,只要有一个为true，就会true。否则为false。返回原值。
			    2) 短路运算。如果第一个值为true，则不会看第二个值。
				3) 对于非布尔类型的数据进行逻辑与、逻辑或运算时，首先会将其转化为布尔值，在进行运算。并且一定会返回原值。
	
						第一个值为true，返回第一个值。
						第一个值为false，返回第二个值。
1） ! 非运算
>>>>>> 对于非布尔类型的数据，做非运算时，首先会转换为布尔运算，在运算。返回布尔类型
        console.log(!"123"); // false
        console.log(!"");	 //true
        console.log(!"   "); //false

        console.log(!1);	//false
        console.log(!0);	//true

        console.log(!null); //true
        console.log(!undefined); //true
        console.log(!NaN) //true

在这里插入图片描述

>>>>>> Boolean类型隐式类型转换
        console.log(!!"123");
        console.log(!!"");
        console.log(!!" ");

        console.log(!!null);

在这里插入图片描述

2） 逻辑与 &&
a) 相同为true，不同为false。
        console.log(true&&true);

        console.log(true&&false);
        console.log(false&&true);
        
        console.log(false&&false);

在这里插入图片描述

b) 短路运算。只要第一个值为false，则不会运算第二个值。
    <script>

        true&&alert("123");//运行alert

        false&&alert("123");//不运行alert

    </script>
c) 非布尔类型的数据进行与或运算时，运算时转会布尔值进行运算，返回时会返回原值。
       		
       		//第一个值为true，返回第二个值
            console.log("12"&&"13");    	//返回13

            //第一个值为false，返回第一个值
            console.log(undefined&&"13");   //返回undefined
3） 逻辑或 ||
a) 只要有一个为true，就为true。否则false。返回原值
            console.log(true || true);
            console.log(true || false);
            console.log(false || true);
            console.log(false || false);

在这里插入图片描述

b) 短路运算。只要第一个为true，则不会运算第二个值。

    <script>


            true||alert("123");//不运行alert

            false||alert("abc");//运行alert

    </script>
c) 非布尔类型的数据进行与或运算时，运算时转会布尔值进行运算，返回时会返回原值。
       		//第一个值为true，返回第一个值
               console.log("12"||"13");    	//返回12

            //第一个值为false，返回第二个值
                console.log(undefined || "13");   //返回13

四、关系运算

1.6 关系运算符

	
	>  >=  ==  <  <=
	
	注意事项:
			1) 关系运算返回布尔类型			
			2）关系运算规则
					a)如果两个操作数不都是字符串，那么会将这些值转换为Number在运算。
					
					b)如果两个操作数都是字符串，则会比较字符的大小。
								1.能找到对应位置上的不同字符，那么就比较第一个不同字符的大小。
								2.不能找到对应位置上的不同字符，那么就比较长度。	
					
					c)任何值和NaN比较，都是false。
1）关系运算返回布尔类型
        console.log(3>13)
        console.log(13>13)
        console.log("113">13)

在这里插入图片描述

2）如果两个操作数不都是字符串，那么会将这些值转换为Number在运算
        console.log("12">14);
        console.log("" > -1);
        console.log(NaN >13);
        console.log(true >0);

在这里插入图片描述

3）如果两个操作数都是字符串，则会比较从左到右第一个不同字符的大小。
  	    console.log("123">"12"); //true
        console.log("hello">"hell") //true
        console.log("a">"b") //false
        console.log("abcs">"b") //false

1.7 相等运算符

使用相等运算符比较基本数据类型时，比较的就是值。
使用相等运算符比较引用数据类型时，比较的是引用对象的内存地址。

	
		== 
				使用==比较两个值时，如果值的类型不同，
				则会自动类型转换。转换为相同的类型后，在做比较。
		
		！=			
				使用！=比较两个值时，如果值的类型不同，
				则会自动类型转换。转换为相同的类型后，在做比较。
				
		【切记:自动类型转换后的数据类型是什么，视情况而定，所以==、！= 情况比较多，需要测试后用】	
	 		

		
		===
			 	  全等。用来判断两个值是否全等。它和相等类似，不同的是它不会做自动类型转换。
				  如果两个值的类型不同，直接返回false。
	
		！==
				  不全等。用来判断两个值是否不全等。它和得等类似。不同的是它不会做自动类型转换。
				  如果两个值的类型不同，直接返回true。
1）==、！=
a) 如果操作数的类型不同，则会自动转换为相同类型，在做比较。
   		 console.log(123 ==123);   //true
         console.log("123"==123);  //true
         console.log("1"==true);   //true
         console.log("1"=="true"); //false

         console.log(null == undefined);  //true
         console.log("null" == null);  //false
b) 自动转换后类型是情况而定。所以需要测试后使用
       		console.log("1"==true);
            console.log("1"=="true");

            console.log("null"==NaN);
            console.log(null == undefined);
            console.log("null" == null);

在这里插入图片描述

2）===、!==
a) 如果操作数的类型不同，则不会自动类型转换，直接返回结果。
   			 console.log("1"===true);
             console.log("1"==="true");

在这里插入图片描述

3）总结
a）==、！= 与 ===、！=== 的区别？
	
	
		1）==、！=,如果操作数的类型不同时，则会自动转换为相同的类型在做运算。
		2）===、！===，如果操作数的类型不同，则不会自动转换，直接返回结果。
b）推荐使用===、！===【我的看法】

	==、！= 
			对于不同类型的数据会自动转换然后计算。只与转换后的类型是什么，
			视情况而定，所以比较乱。所以在使用时要进行测试。
	
	===、！==
			和java中的类似。
二旬、
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js string转number_JS隐式数据类型转换详解
weixin_39609573的博客
12-03 636
隐式数据类型转换介绍前面有总结过 JS数据类型转换 Number(), toString(), parseInt()等都是属于强制转换。有时我们遇到当运算符在运算时，如果两边数据类型不统一，CPU无法计算，这是编译器会自动将运算符两边的数据做一个数据类型转换，转换成一样的数据类型在进行运算，这种无需程序员手动转换，而由编译器自动转换的方式就称为隐式转换。隐式转换规则转为number类型：+ - *...
【JavaScript】-- 隐式数据类型转换
qq_48802092的博客
08-10 1727
如果字符串加数字,数字就会转成字符串。而 数字加数字 或 字符串加字符串 则不需要进行转换直接进行运算或字符串拼接。数字减字符串，字符串转成数字。如果字符串不是纯数字就会转成NaN。字符串减数字也一样。两个字符串相减也先转成数字。...
隐式类型转换
sunny1660的博客
11-28 417
隐式转化介绍 在js中，当运算符在运算时，如果两边的数据类型不同意，CPU就无法计算，这时编译器会自动将两边的数据做一个数据类型转换，转成一样的类型再计算. 隐式转换规则 转换成string类型： + (字符串连接符) 转成number类型： ++/-- (自增运算符) + - * / % (算术运算符) > < >= <= == != === !===...
C语言错题整理
热门推荐
kong_xz的博客
03-10 10万+
1.如：int a=10,b=6,c;       如果c=a/b；       此时的c=1，因为整型的除法不是四舍五入，只保留小数位之前的数。2.A&amp;&amp;B：当A(非零值)是真，且B(非零值)是真，才会返回1，表示真；否则，返回0，表示假。   A||B:当A(非零值)是真，或者B(非零值)是真，会返回1，表示真；否则，返回0，表示假。  ！A，将A取反，假设A的值或者表达式为真...
java四大运算符_Java的四大类运算符！
weixin_39950824的博客
02-28 771
Java的运算符可分为4类：算术运算符、关系运算符、逻辑运算符和位运算符。1.算术运算符Java的算术运算符分为一元运算符和二元运算符。一元运算符只有一个操作数；二元运算符有两个操作数，运算符位于两个操作数之间。算术运算符的操作数必须是数值类型。(1)一元运算符：一元运算符有：正(+)、负(－)、加1(++)和减1(－－)4个。加1、减1运算符只允许用于数值类型的变量，不允许用于表达式中。加1、减...
头歌:数据库实验四 运算符--第4关：逻辑运算符
Zjyzzy123456789的博客
04-17 1339
第一问 查询读者(reader)数据表中所有男性(xb)身份（sf)是研究生的记录的所有字段的信息 第二问 查询读者(reader)数据表中所有男性(xb)身份（sf)是研究生和工作人员的所有字段的信息。逻辑或 例如a OR b，如果a和b中两个都是0时，返回0，否则只要有一个非0，则返回1 注意：and的优先级大于OR,必要时可以通过括号改变计算顺序。逻辑与 例如a AND b，如果a和b两个都非0，返回1，否则只要有一个为0，返回0。本关任务：灵活应用关逻辑运算符and和or进行查询。
头歌:数据库实验四 运算符--第3关：like运算符
Zjyzzy123456789的博客
04-17 1159
LIKE 通配符匹配 like 匹配字符串 如果匹配返回1，不匹配返回0 在like 的匹配字符串中， “%” (百分号) 代表任意长度（长度可以为0）的字符串 “_ ”(下横线) 代表任意单个字符。第一问 查询图书的书名(sm)中包含诗的图书的条形码(txm)、书名(sm) 第二问 查询图书的书名(sm)中以诗开头的图书的条形码(txm)、书名(sm) 使用like。本关任务：灵活应用运算符like进行查询。为了完成本关任务，你需要掌握： like。
头歌:数据库实验四 运算符--第1关：null值的判断
Zjyzzy123456789的博客
04-17 1175
在mysql中，null表示空值 判断某个表达式是否null值，不能通过=运算符 通过null或者is null 可以判断某个表达式是否为null。如果为null，返回1，否则返回0.第一题 查询借阅(borrow)数据表中没有归还的记录的所有字段的值。当还书日期(hsrq)为null值，表示图书尚未归还。为了完成本关任务，你需要掌握： null值。本关任务：如何判断null值。
【C++面向对象程序设计】实验四 运算符重载
m0_72318954的博客
10-31 1183
运算符重载实验题目
四目运算符
qq_42526440的博客
03-13 1382
一般的三目运算符就能解决大部分判断筛选的问题，但是当遇到多个数据判断时就可以通过三目运算的嵌套来达到目的。 var row.status == 0 ? '未支付' : (row.status == 1 ? '已支付' : '作废') 此时可以对Status的三个状态进行筛选。 ...
C++实验四 运算符重载的应用 课程实验报告
06-11
四、程序代码分析 在给出的程序代码中，定义了一个名为`Complex`的类，表示复数。类中包含了复数的实部`a`和虚部`b`，以及一系列重载的运算符成员函数和友元函数： - `operator+`（成员和友元函数）：实现了复数的...
C语言初学者入门讲座 第四讲 运算符和表达式
07-26
最基本的算术运算符包括加法运算符“+”，减法运算符“-”，乘法运算符“*”，除法运算符“/”，以及求余运算符“%”（也称为模运算符）。算术运算符支持基本的数值运算，它们可以是双目也可以是单目运算符。例如，...
解析C++中不能重载为友元函数的四个运算符
12-26
C++规定有四个运算符 =, ->, [], ()不可以是全局域中的重载（即不能重载为友员函数），这是为什么呢？现在先说说赋值运算符“=”的重载C++规定赋值运算符“=”只能重载为类的非静态成员函数，而不可以重载为类的友元...
数据库实验四 运算符
Junds0的博客
04-06 380
通过null或者is null 可以判断某个表达式是否为null。如果为null，返回1，否则返回0.例如a AND b，如果a和b两个都非0，返回1，否则只要有一个为0，返回0。本关任务：灵活应用关系运算符between and和in进行查询。 between and 本关任务：灵活应用关逻辑运算符and和or进行查询。如果符合条件，返回1，否则返回0。本关任务：如何判断null值。如果匹配返回1，不匹配返回0。在like 的匹配字符串中，
MySQL的四种运算符（算术运算符、比较运算符、逻辑运算符和位运算符）
wulimingde的博客
10-15 9719
MySQL的四种运算符一、算术运算符MySQL 支持使用的算术运算符。用法实例二、比较运算符MySQL常用的比较运算符1、等于运算符用法实例注意项2、不等于运算符用法实例3、大于、大于等于、小于、小于等于运算符用法实例4、IS NULL、IS NOTNULL运算符用法实例5、BETWEEN AND运算符用法实例6、LEAST、 GREATEST运算符用法实例7、IN、NOTIN运算符用法实例8、LIKE、NOTLIKE运算符用法实例三、逻辑运算符MySQL中支持使用的逻辑运算符有四种1、逻辑非实例操作逻辑与
一、万维网简史
weixin_45602227的博客
05-31 7053
一、js起源 1.1 万维网起源 1990年底，欧洲核能研究组织（CERN）科学家Tim Berners-Lee，在全世界最大的电脑网络——互联网的基础上，发明了万维网（World Wide Web），从此可以在网上浏览网页文件。 最早的网页只能在操作系统的终端里浏览，也就是说只能使用命令行操作，网页都是在字符窗口中显示，这当然非常不方便。 1.2 最原始的Web浏览器 1990年，Tim以超文本语言HTML为基础在NeXT电脑上发明了最原始的Web浏览器。 体验版：https://worldwideweb
七、ES对象（二） -- 正则表达式
weixin_45602227的博客
07-28 2975
一、this关键字 1.1 前提 1. 在全局作用域中定义的变量或函数会被当做window的属性来保存。 2. 在函数作用域中不使用var关键字定义的变量也会被当做window的属性来保存。 1）s( ) 与 window.s( ) 等价 function s(){ c=function ss(){ console.log("12") } } s();
八、DOM（四） -- DOM事件2
weixin_45602227的博客
07-29 1692
一、滑轮滚动事件 +++ 绑定滚动事件(兼容谷歌、IE浏览器) elem.onmousewheel=function(){ } 绑定滚动事件 event.wheelDelta 只看正负，不看大小。向上滚>0 。向下滚<0 (通过该属性获取的是个数值,在不同的浏览器中获取的值是不同的。) +++ 绑定鼠标滚动事件(兼容火狐浏览器,火狐特有) elem.addE
七、ES对象（一） -- 数组对象
weixin_45602227的博客
07-28 1239
一、正则表达式的作用 正则表达式的作用： 1) 检查字符串是否符合规则 2) 将字符串中符合规则的内容提取出来。 二、创建正则表达式 +++ 创建正则表达式 使用RegExp创建正则表达式 var reg=new RegExp("正则表达式","匹配模式"); 使用字面量创建正则表达式 var reg=/正则表达式/匹配模式 +++ 正则表达式的匹配模式 i 忽略大小写
用python编写一个简易计算器，要求根据输入的数字和四字运算符，计算运算结果并输出
最新发布
06-07
# 定义四则运算函数 def add(a, b): return a + b def subtract(a, b): return a - b def multiply(a, b): return a * b def divide(a, b): return a / b # 主函数 def calculator(): # 获取用户输入 num1...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值