JavaScript 运算符一

算数运算符

±*/ %

  <script>
    console.log(2 + 2);//4
    console.log(2 - 6);//-4
    console.log(2 * 3);//6
    console.log(2 / 5);//0.4

    console.log(0.1 + 0.2);

    console.log(1 % 20); // 1
    console.log(24 % 5); // 4
  </script>
+号两边任意一边出现字符串,那么为拼接的功能,最终得到字符串
<script>
    let a = "我要吃";
	let b = "西瓜";

	console.log( a + b );

	console.log("10" + 2);//102
	console.log(10 + "3");//103

	console.log( 20 + 10 + "3" );//303
	console.log( "20" + 10 + 3 );//20103
	console.log( "20" + (17 + 3) );//2020

</script>
数据做减法时,结果一定会得到数字类型, 如果 -运算符两边不是数字,强行转成数字再运算
 <script>
     console.log("10" - 5); //5
	/*NaN 不是一个数字,但是它是数字类型 一般在做了一些非法的运行时候,会出现这个		NaN*/
	console.log("西瓜" - "苹果"); //NaN  (not a number)

	console.log("西瓜" - 3); //NaN

	console.log("100" - 0); //100
	
	/* + 运算是加不出number类型 NaN的*/
    console.log( [] + 0 );//0
    console.log( [1] + 0 );//10
    console.log( [1,2] + 0 );//1,20
 </script>
前置自增自减
<script> 
//如果只看最终结果,没有区别    看中间过程,是有区别的
	let x = 10;
	x ++; 	
	console.log(x); //11
	// ++ x; 
	// console.log(x); //11
</script>
后置自增自减
<script>  
	let x = 10;
	let y = x ++; 
	console.log(y);//10
	console.log(x);//11
	// var y = ++ x; 
	// console.log(x);//11
	// console.log(y);//11
</script>
* / 运算
 <script>
			
    console.log("1" * 2);//2
    console.log("1" * "3");//3
    console.log("1" / "2");//0.5
    console.log("1" % "2");//1
    console.log("西瓜" % "2");//NaN
    console.log("西瓜" % "2");//NaN

 </script>
已标记关键词 清除标记
相关推荐
<p> <span style="color:#4d4d4d;">当前课程中博客项目的实战源码是我在 GitHub上开源项目 My-Blog,目前已有 2000 多个 star:</span> </p> <p> <span style="color:#4d4d4d;"><img src="https://img-bss.csdnimg.cn/202103310649344285.png" alt="" /><br /> </span> </p> <p> <span style="color:#4d4d4d;">本课程是一个 Spring Boot 技术栈的实战类课程,课程共分为 3 大部分,前面两个部分为基础环境准备和相关概念介绍,第三个部分是 Spring Boot 个人博客项目功能的讲解,<span style="color:#565656;">通过本课程的学习,不仅仅让你掌握基本的 Spring Boot 开发能力以及 Spring Boot 项目的大部分开发使用场景,同时帮你提前甄别和处理掉将要遇到的技术难点,认真学完这个课程后,你将会对 Spring Boot 有更加深入而全面的了解,同时你也会得到一个大家都在使用的博客系统源码,你可以根据自己的需求和想法进行改造,也可以直接使用它来作为自己的个人网站,这个课程一定会给你带来巨大的收获。</span></span> </p> <p> <span style="color:#4d4d4d;"><span style="color:#565656;"> </span></span> </p> <p> <span style="color:#e53333;"><span style="color:#e53333;"><strong>课程特色</strong></span></span> </p> <p> <span style="color:#e53333;"><span style="color:#e53333;"><strong> </strong></span></span> </p> <p> <span style="color:#4d4d4d;"><span style="color:#565656;"> </span></span> </p> <ol> <li> <span style="color:#565656;">课程内容紧贴 Spring Boot 技术栈,涵盖大部分 Spring Boot 使用场景。</span> </li> <li> <span style="color:#565656;">开发教程详细完整、文档资源齐全、实验过程循序渐进简单明了。</span> </li> <li> <span style="color:#565656;">实践项目页面美观且实用,交互效果完美。</span> </li> <li> <span style="color:#565656;">包含从零搭建项目、以及完整的后台管理系统和博客展示系统两个系统的功能开发流程。</span> </li> <li> <span style="color:#565656;">技术栈新颖且知识点丰富,学习后可以提升大家对于知识的理解和掌握,对于提升你的市场竞争力有一定的帮助。</span> </li> </ol> <p> <strong>实战项目预览</strong> </p> <p> <span style="color:#4d4d4d;"><span style="color:#565656;"><span style="color:#e53333;"><strong> </strong></span></span></span> </p> <p> <span style="color:#4d4d4d;"><img src="https://img-bss.csdn.net/202005150303066258.png" alt="" /><br /> </span> </p> <p>   </p> <p> <span style="color:#4d4d4d;"> </span> </p> <p> <span style="color:#4d4d4d;"><img src="https://img-bss.csdn.net/202005150305396930.png" alt="" /><br /> </span> </p> <p> <span style="color:#4d4d4d;"> </span> </p> <p> <span style="color:#4d4d4d;"><img src="https://img-bss.csdn.net/202005150305528842.png" alt="" /><br /> </span> </p> <p> <span style="color:#4d4d4d;"> </span> </p> <p> <span style="color:#4d4d4d;"><img src="https://img-bss.csdn.net/202005150306056323.png" alt="" /><br /> </span> </p>
©️2020 CSDN 皮肤主题: 游动-白 设计师:白松林 返回首页