前端入门学习笔记一百零二

最新推荐文章于 2024-11-09 10:31:18 发布

物恰冰可乐

最新推荐文章于 2024-11-09 10:31:18 发布

阅读量432

点赞数

分类专栏：前端文章标签：前端学习 html javascript

本文链接：https://blog.csdn.net/m0_65384293/article/details/128389284

版权

前端专栏收录该内容

109 篇文章 2 订阅

订阅专栏

本文详细介绍了JavaScript中条件运算符的应用，包括其在变量赋值中的简洁用法，并展示了如何使用Number()和parseInt()进行字符串转数字。同时涵盖了基础的表达式与语句以及类型转换的注意事项。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h3>条件运算符</h3>
		<script>
			var k = 30;
			var c = 100;
			var hh = 100;
			var uu = !(k < c) && !(hh == c);
			document.write(uu);
		</script>
	</body>
</html>

条件运算符
条件（三元）运算符
条件（三元）运算符是
JavaScript 唯一使用三个操作数的运算符：
一个条件后跟一个问号（），如果条件为真值，
则执行冒号（）前的表达式;若条件为假值，
则执行最后的表达式。该运算符经常当作 if...else
语句的简捷形式来使用。?

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h3>条件运算符</h3>
		<script>
			var dmbj = (100 > 99)?"盗墓笔记":"盗墓笔记之沙海";
			document.write(dmbj);
		</script>
	</body>
</html>

条件运算符
条件（三元）运算符
条件（三元）运算符是
JavaScript 唯一使用三个操作数的运算符：
一个条件后跟一个问号（），如果条件为真值，
则执行冒号（）前的表达式;若条件为假值，
则执行最后的表达式。该运算符经常当作 if...else
语句的简捷形式来使用。?

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h3>表达式与语句</h3>
		<script>
			var dmbj = 300 + 900;
			document.write(dmbj);
		</script>
	</body>
</html>

表达式与语句

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h3>Number()方式</h3>
		<script>
			var kjys = Number("3022") + 3000;
			document.write(kjys);
		</script>
	</body>
</html>

类型转换
“字符串”转换为“数字”
Number()方式
原始值（比如 3.14 或 2016）
无法拥有属性和方法（因为它们不是对象）。
但是通过 JavaScript
方法和属性也可用于原始值
因为 JavaScript
在执行方法和属性时将原始值视作对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h3>Number()方式</h3>
		<script>
			document.write("Number(\"985\"):" + Number("盗墓笔记"));
			document.write("Number(\"9.85\"):" + Number("沙海"));
			document.write("Number(\"盗墓笔记211\"):" + Number("终极笔记"));
			document.write("Number(\"211px\"):" + Number("老九门"));
		</script>
	</body>
</html>

类型转换
“字符串”转换为“数字”
Number()方式
原始值（比如 3.14 或 2016）
无法拥有属性和方法（因为它们不是对象）。
但是通过 JavaScript
方法和属性也可用于原始值
因为 JavaScript
在执行方法和属性时将原始值视作对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h3>parseInt()方式</h3>
		<script>
			document.write("parseInt(\"985\"):" + parseInt("盗墓笔记"));
			document.write("parseInt(\"9.85\"):" + parseInt("沙海"));
			document.write("parseInt(\"盗墓笔记211\"):" +parseInt("终极笔记"));
			document.write("parseInt(\"211px\"):" +parseInt("老九门"));
		</script>
	</body>
</html>

类型转换
“字符串”转换为“数字”
parseInt()方式
parseInt() 函数解析字符串并返回整数。
radix 参数用于指定使用哪种数字系统
例如基数为 16（十六进制）
表示字符串中的数字应从十六进制数解析为十进制数
如果字符串以 "0x" 开头，则基数为 16（十六进制）
如果字符串以 "0" 开头，则基数为 8（八进制）。此特性已弃用
如果字符串以任何其他值开头，则基数为 10（十进制）
只返回字符串中的第一个数字！