JS基础_强制类型转换-Number
Posted 星辰郎周
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS基础_强制类型转换-Number相关的知识，希望对你有一定的参考价值。
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title></title>
6 <script type="text/javascript">
7
8 /*
9 * 将其他的数据类型转换为Number
10 * 转换方式一：
11 * 使用Number()函数
12 * - 字符串 --> 数字
13 * 1.如果是纯数字的字符串，则直接将其转换为数字
14 * 2.如果字符串中有非数字的内容，则转换为NaN
15 * 3.如果字符串是一个空串或者是一个全是空格的字符串，则转换为0
16 * - 布尔 --> 数字
17 * true 转成 1
18 * false 转成 0
19 *
20 * - null --> 数字 0
21 *
22 * - undefined --> 数字 NaN
23 *
24 * 转换方式二：
25 * - 这种方式专门用来对付字符串
26 * - parseInt() 把一个字符串转换为一个整数
27 * - parseFloat() 把一个字符串转换为一个浮点数
28 */
29
30 var a = "123";
31
32 //调用Number()函数来将a转换为Number类型
33
34 a = Number(a);
35 //console.log(typeof a); //number
36
37 a = "ABGFFF";
38 a = Number(a);
39 //console.log(a); //NaN
40 //console.log(typeof a); //number,使用typeof检查一个NaN也会返回number
41
42 a = "";
43 a = Number(a);
44 //console.log(a); //0
45 //console.log(typeof a); //number
46
47 a = false;
48 a = Number(a);
49 //console.log(a); //0
50 //console.log(typeof a); //number
51
52 a = null;
53 a = Number(a);
54 //console.log(a); //0
55 //console.log(typeof a); //number
56
57 a = undefined;
58 a = Number(a);
59 //console.log(a); //NaN
60 //console.log(typeof a); //number
61
62 a = "123567a567px";
63 //调用parseInt()函数将a转换为Number
64 /*
65 * parseInt()可以将一个字符串中的有效的整数内容去出来，
66 * 然后转换为Number
67 */
68 a = parseInt(a);
69 //console.log(a); //123567
70 //console.log(typeof a); //number
71
72 /*
73 * parseFloat()作用和parseInt()类似，不同的是它可以获得有效的小数
74 */
75 a = "123.456.789px";
76 a = parseFloat(a);
77 //console.log(a); //123.456
78 //console.log(typeof a); //number
79
80 /*
81 * 如果对非String使用parseInt()或parseFloat()
82 * 它会先将其转换为String然后再操作
83 */
84 a = true;
85 a = parseInt(a);
86 console.log(a); //NaN
87 console.log(typeof a); //number
88
89 a = 198.23;
90 a = parseInt(a);
91 console.log(a); //198
92 console.log(typeof a); //number
93
94
95
96 </script>
97 </head>
98 <body>
99 </body>
100 </html>
以上是关于JS基础_强制类型转换-Number的主要内容，如果未能解决你的问题，请参考以下文章