强制类型转换-Number

JS 评论

强制类型转换-Number

将其他数据类型转换为Number

字符串---->数字

转换方式一:

使用Number()函数;

Number(变量)

1.如果是纯数字的字符串,则直接将其转换为数字

2.如果是字符串中有非数字的内容,则转换为NaN

3.如果字符串是一个空串或者是一个全空格的字符串,则转换为0

4.布尔类型转Number,true会转换为1,false转换为0

5.null ----> 数字0

6.Undefined —> 数字:NaN

转换方式二:

这种方式专门用来转换字符串

parseInt()把一个字符串转换为一个整数.

parseInt()可以将一个字符串中的有效的整数内容取出来.

1
2
var a = "1234px";
var b = parseInt(a);//1234

parseFloat()把一个字符串转换为一个浮点数.

1
2
var a = "1234.111px";
var b = parseInt(a);//1234.111

如果对非String使用parseInt()或parseFloat(),他会先将其转换为String,然后在操作

1
2
var a = true;
var b = perseInt(true);//返回NaN
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
		
			/*
			 * 将其他的数据类型转换为Number
			 * 	 转换方式一：
			 * 		使用Number()函数
			 * 			- 字符串 --> 数字
			 * 				1.如果是纯数字的字符串，则直接将其转换为数字
			 * 				2.如果字符串中有非数字的内容，则转换为NaN
			 * 				3.如果字符串是一个空串或者是一个全是空格的字符串，则转换为0
			 * 			- 布尔 --> 数字
			 * 				true 转成 1
			 * 				false 转成 0
			 * 
			 * 			- null --> 数字     0
			 * 
			 * 			- undefined --> 数字 NaN
			 * 			- 数字 NaN -->  数字 NaN
			 * 
			 * 转换方式二：
			 * 		- 这种方式专门用来对付字符串
			 * 		- parseInt() 把一个字符串转换为一个整数
			 * 		- parseFloat() 把一个字符串转换为一个浮点数
			 */
			
			var a = "123";
			
			//调用Number()函数来将a转换为Number类型
			a = Number(a);
			
			a = false;
			a = Number(a);
			
			a = null;
			a = Number(a);
			
			a = undefined;
			a = Number(a);
			
			a = "123567a567px";
			//调用parseInt()函数将a转换为Number
			/*
			 * parseInt()可以将一个字符串中的有效的整数内容去出来，
			 * 	然后转换为Number
			 */
			a = parseInt(a);
			
			/*
			 * parseFloat()作用和parseInt()类似，不同的是它可以获得有效的小数
			 */
			a = "123.456.789px";
			a = parseFloat(a); // 123.456
			
			/*
			 * 如果对非String使用parseInt()或parseFloat()
			 * 	它会先将其转换为String然后在操作
			 */
			a = true;
			a = parseInt(a); // 1
			
			a = 198.23;
			a = parseInt(a); // 198
			
			console.log(typeof a);
			console.log(a);
			
			
			
		</script>
	</head>
	<body>
	</body>
</html>

YanChen

Personal profile