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>
