web前端第十三

最新推荐文章于 2024-07-15 14:11:16 发布

思丰百年

最新推荐文章于 2024-07-15 14:11:16 发布

阅读量252

点赞数

分类专栏： web前端开发复习，从头再来文章标签： javascript html

本文链接：https://blog.csdn.net/qq_39664934/article/details/108253046

版权

web前端开发复习，从头再来专栏收录该内容

22 篇文章 0 订阅

订阅专栏

算术运算符

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>

</head>
<body>
	
	<script type="text/javascript">
		// 算术运算符 +、-、*、/、%(求余)

		// +加号     
		// 数与数相加    ===>求和
		// 数与字符串相加   ===>字符串拼接
		// 数与NaN相加   ===>NaN   (not a number)不是一个有效数字
		var num1=10;
		var num2=20;
		var num3="20";
		console.log(num1+num2);     //30    数值类型
		console.log(num1+num3);     //1020  字符串类型

		// -减号
		//数与数  相减  ===>求差
		//数与字符串相减(数字类型的字符串)   会将字符串类型的数字转换为数值型的数字，再相减
		// 减号的这个功能属于，隐式类型转换
		// 数与NaN相减   ===>NaN   (not a number)不是一个有效数字
		console.log(num1-num2);     //-10   
		console.log(num1-num3);     //-10

		// *乘号
		console.log(num1*num2);     //200   
		console.log(num1*num3);     //200

		// /除
		console.log(num1/num2);     //0.5   
		console.log(num1/num3);     //0.5

		// % 求余
		console.log(num1%num2);     //10   
		console.log(num1%num3);     //10

		// 隐式类型转换包括
		// 算术运算符中的：-、*、/、%
	</script>
</body>
</html>

类型转换

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	
</head>
<body>
	
	<script type="text/javascript">

		// parseInt()   转换成整型
		console.log(parseInt("123abc"))  //转换成数字 123
		console.log(parseInt("a123b"))   //NaN  not a number
		console.log(parseInt("abc123"))  //NaN  not a number
		console.log(parseInt("123.99"))  //123
		console.log(parseInt(22.33))     //22

		// parseFloat()   转换成浮点数，有小数点的数
		console.log(parseFloat("123.456abc"))   //123.456

		// Number()   转化成数字
		console.log(Number(true));     //true==1
		console.log(Number(false));    //fasle==0
	</script>
</body>
</html>

自增自减操作符

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	
</head>
<body>
	
	<script type="text/javascript">
		// ++ 每次加一
		// ++ 在后，先赋值，后自增
		// ++ 在前，先自增，后赋值

		// -- 每次减一
		// -- 在后，先赋值，后自减
		// -- 在前，先自减，后赋值
		var a = 1;
		var b = a++;
		// 1、 b=a
		// 2、 a=a+1
		console.log(b)   //1
		console.log(a)   //2

		var c = ++b;

		console.log(c)   //2

		// 思考题
		var a = 10;
		var b = 20;
		var c = a++ + ++b - a++ + b++ + b / 10 + a++;
		10 + 21 - 11 + 21 + 22 / 10 + 12;
		10 + 21 - 11 + 21 + 2.2 + 12 = 55.2;

		console.log(c);  //55.2
	</script>
</body>
</html>

思丰百年

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
web前端第十三

算术运算符<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript"> // 算术...
复制链接

扫一扫