【js 其他类型转换为数值和布尔 html】

最新推荐文章于 2026-01-07 11:30:37 发布

原创最新推荐文章于 2026-01-07 11:30:37 发布 · 112 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

这篇博客探讨了JavaScript中将其他类型转换为数值和布尔值的方法，包括使用乘法运算符、Number函数、parseInt和parseFloat。同时展示了如何通过!!操作符和Boolean构造函数进行布尔值转换，并给出了各种示例。

不废话直接上代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			// 其他类型转换为数值
			// 1、*1
			console.log(typeof("2" * 1)); //number
			console.log("2" * 1); //2
			console.log(typeof(true * 1)); //number
			console.log(false * 1); //0
			console.log(typeof("ab" * 1)); //number
			//NaN:not a number,不是相应数值
			console.log("ab" * 1); //NaN
			console.log(undefined * 1); //NaN
			//2、Number
			console.log(typeof(Number("2"))); //number
			console.log(Number(true)); //1
			console.log(Number("aa")); //NaN
			console.log(Number("11aa")); //NaN
			//3、parseInt 整型，不是四舍五入
			console.log(parseInt("11.76")); //11
			console.log(parseInt("11aa")); //11
			console.log(parseInt("aa11")); //NaN
			console.log(parseInt("1a1a")); //1
			//4、parseFloat 浮点型
			console.log(parseFloat("11.76")); //11.76
			console.log(parseFloat("11.76a")); //11.76



			// 其他类型转换为布尔类型
			// 1、前边加!!
			console.log(!!"aa"); //true
			console.log(!!""); //false
			console.log(!!"true"); //true
			console.log(!!null); //false
			console.log(!!undefined); //false
			console.log(!!1); //true
			console.log(!!0); //false
			//2、Boolean
			console.log(Boolean("aa")); //true
			console.log(Boolean("")); //false
			console.log(Boolean("true")); //true
			console.log(Boolean(1)); //true
		</script>
	</body>
</html>