JS学习之数据类型转换

最新推荐文章于 2022-09-05 18:35:22 发布

一只追求学习的学渣

最新推荐文章于 2022-09-05 18:35:22 发布

阅读量214

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44079801/article/details/106966130

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>数据类型转换</title>
		<script>
			// 转化为字符型
			// //1.把数字型转换为字符型  变量.toString()
			//  var num =10;
			// var str = num.toString();
			//  console.log(str);
			//  console.log(typeof str);
			// //2.利用String()函数
			// console.log(String(num));
			// //3.利用+拼接字符串的方法实现转换效果（转换为字符串效果）又称为隐式转换
			// console.log(num + '');
			
			
			//将其他类型转换为数字型（重点）
			var age =  prompt("请输入您的年龄");
			//1.parseInt(变量) 可以把字符型的转换为数字型 得到的是整数
			console.log(parseInt(age));
			console.log(parseInt(3.25));//取整数
			console.log(parseInt(3.99));//依旧是取整数等得到3
			console.log(parseInt('12px'));//12,会去掉单位
			console.log(parseInt('rem12px'));//NAN 
			//2.parseFloat(变量) 可以把字符型的转换为数字型 得到的是小数（浮点数）
			console.log(parseFloat(3.25));//得小数3.25
			console.log(parseFloat(3.99));//依旧是取小数得到3.99
			console.log(parseFloat('12px'));//12,会去掉单位1218
			console.log(parseFloat('rem12px'));//NAN 
			//3.利用 Number(变量)强制转换函数
			var str = '123';
			console.log(Number(str));
			console.log(Number('567'));
			//4.利用了算术运算（减乘除）js 隐式转换 （-*/）
			console.log('12' - 0);
			console.log('12' - '5');
			// 案例:计算年龄,
			// 此案例要求在页面中弹出一个输入框,输入出生年分后,能计算出我们的年龄
			// 解题思路:1.弹出一个输入框(prompt),让用户输入出生月份(用户输入)
			// 		2.把用户输入的值用变量保存起来,然后用今年的年分减去变量值,
			// 		结果就是现在的年龄.
			// 		3.弹出警示框(alert),把计算的结果输出(输出结果)
			// var year=prompt("请您输出您的出生月份");
			// var age=2020-year;//year 取过来是字符串型，但是这里用的是减法，有隐式转换
			// alert('您今年已经' + age + '岁了' + '!');
			// 案例:简单加法器,
			// 计算两个数的值,用户输入第一个值后,继续弹出第二个输入框并输入第二个值,
			// 最后通过弹出窗口显示两次输入值相加的结果.
			var num1=prompt("请输入一个数字");
			var num2=prompt("请输入另一个数字");//prompt得到的值是字符串型
			var sum=Number(num1)+Number(num2);//注意数值类型转换Number可换为parseFloat
			alert("这两个数的和是" + sum);
			//4.把其他类型转换为双布尔类型
			console.log(Boolean(''));
			console.log(Boolean(0));
			console.log(Boolean(NaN));
			console.log(Boolean(null));
			console.log(Boolean(undefined));
			// 以上都是false
			console.log(Boolean('123'));
			console.log(Boolean('你好'));
			
		</script>
	</head>
	<body>
	</body>
</html>





1.需要数据转换的原因：
a.使用表单，prompt获取过来的数据默认是字符串类型的，
此时就不能直接简单的进行加法运算，因此需要转换数据的类型
通俗讲：就是将一种数据类型转换为另一种数据类型。
b.用到较多转换的是转换为字符串类型、数字类型,布尔类型

（转化为字符串）
方式、说明、案例
toString()  转成字符串  var num=1; alert(num.toString());
String()强制转换   转成字符串    var num = 1; alert(String(num));
加号拼接字符串    和加号拼接起来的结果都是字符串   var num = 1; alert(num+"字符");(重点)
C.toString 的使用方法是 变量.toString  String的使用方法是String(变量)。
相比于三种转换方式，推荐第三种转换方法，第三种又称为隐式转换。
转化为数字型（重点）
方式、说明、案例
parselnt(string)函数   将string类型转换为整数数值类型  parselnt("78")（重点）
parseFloat(string)函数  将string类型转换为浮点数数数值类型  parseFloat("78.12")（重点）
Number()强制转换函数   将string类型转换为数值类型    Number('12')（仅次于重点）
js 隐式转换 （-*/）  利用算数运算隐式转换为数值型      '12'- 0
隐式转换中：+转换为字符串  -*/转换为数字型。
4.装换为双布尔型
方式、说明、案例
Boolean()函数   其他类型转换为布尔型  Boolean("true");
(1)代表空，否定的值，会被转换为false，如: (空字符串);0;NaN;null;undefined
(2)其余值都会转换为true.