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 * - 布尔 --> 数字
18 * true 转成 1
19 * false 转成 0
20 *
21 * - null --> 数字 0
22 *
23 * - undefined --> 数字 NaN
24 *
25 * 转换方式二：
26 * - 这种方式专门用来对付字符串
27 * - parseInt() 把一个字符串转换为一个整数
28 * - parseFloat() 把一个字符串转换为一个浮点数
29 */
30
31 //1.使用Number()函数
32 var a = "123";
33 a = Number(a);
34 console.log(typeof a); //number
35
36 a = "ABGFFF";
37 a = Number(a);
38 console.log(a); //NaN
39 console.log(typeof a); //number,使用typeof检查一个NaN也会返回number
40
41 a = "";
42 a = Number(a);
43 console.log(a); //0
44 console.log(typeof a); //number
45
46 a = false;
47 a = Number(a);
48 console.log(a); //0
49 console.log(typeof a); //number
50
51 a = null;
52 a = Number(a);
53 console.log(a); //0
54 console.log(typeof a); //number
55
56 a = undefined;
57 a = Number(a);
58 console.log(a); //NaN
59 console.log(typeof a); //number
60
61 //--------------------------------------------------------------------------------------------------
62
63 //2.调用parseInt()函数、parseFloat()函数
64 /*
65 * parseInt()可以将一个字符串中的有效的整数内容取出来，
66 * 然后转换为Number
67 */
68 a = "123567a567px";
69
70 a = parseInt(a);
71 console.log(a); //123567
72 console.log(typeof a); //number
73
74
75 /*
76 * parseFloat()作用和parseInt()类似，不同的是它可以获得有效的小数
77 */
78 a = "123.456.789px";
79 a = parseFloat(a);
80 console.log(a); //123.456
81 console.log(typeof a); //number
82
83
84 /*
85 * 如果对非String使用parseInt()或parseFloat()
86 * 它会先将其转换为String然后再操作
87 */
88 a = true;
89 a = parseInt(a);
90 console.log(a); //NaN
91 console.log(typeof a); //number
92
93
94 a = 198.23;
95 a = parseInt(a);
96 console.log(a); //198
97 console.log(typeof a); //number
98
99
100
101 </script>
102 </head>
103 <body>
104 </body>
105 </html>