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             a = Number(a);
34             
35             a = false;
36             a = Number(a);
37             
38             a = null;
39             a = Number(a);
40             
41             a = undefined;
42             a = Number(a);
43             
44             a = "123567a567px";
45             //调用parseInt()函数将a转换为Number
46             /*
47              * parseInt()可以将一个字符串中的有效的整数内容去出来,
48              *     然后转换为Number
49              */
50             a = parseInt(a);
51             
52             /*
53              * parseFloat()作用和parseInt()类似,不同的是它可以获得有效的小数
54              */
55             a = "123.456.789px";
56             a = parseFloat(a);
57             
58             /*
59              * 如果对非String使用parseInt()或parseFloat()
60              *     它会先将其转换为String然后在操作
61              */
62             a = true;
63             a = parseInt(a);
64             
65             a = 198.23;
66             a = parseInt(a);
67             
68             console.log(typeof a);
69             console.log(a);
70         </script>
71     </head>
72     <body>
73     </body>
74 </html>