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>