06.转换为Number.html 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <script>
  9. /*
  10. 将其他的数据类型转换为Number
  11. 方法一:
  12. 使用Number()函数
  13. -字符串-->数字
  14. 1.如果是纯数字的字符串,则直接将其转换为数字
  15. 2.如果字符串中有非数字的内容,则转换为NaN
  16. 3.如果字符串是一个空串或者是一个全是空格的字符串,则转换为0
  17. -布尔-->数字
  18. true 转成1
  19. false 转成0
  20. -null-->数字 结果为0
  21. -undefined-->数字 结果为NaN
  22. 方法二:
  23. -这种方式专门用来对付字符串
  24. -parseInt() 把一个字符串转换为一个整数
  25. -parseFloat() 把一个字符串转换为一个浮点数
  26. */
  27. var a = "123";
  28. //调用Number()函数来将a转换为Number类型
  29. a = "abc";
  30. a = Number(a);//输出结果为NaN
  31. a = "";//输出结果为0
  32. a = true;
  33. a = Number(a); //输出结果为1,false输出结果为0
  34. a = null;
  35. a = Number(a); //输出结果为0
  36. a = undefined;
  37. a = Number(a); //输出结果为NaN
  38. a = "123px";
  39. //调用parseInt()函数将a转换为Number
  40. /*
  41. parseInt()可以将一个字符串中的有效整数内容取出来,然后转换为Number
  42. */
  43. a = parseInt(a);
  44. a = "123a567px";//输出结果为123
  45. a = "123.567px";//输出结果仍为123
  46. /*
  47. parseFloat()作用和parseInt()类似,不同的是它可以获得有效的小数
  48. */
  49. a = "123.456px";
  50. a = parseFloat(a);
  51. a = "123.456.789px";//输出结果为123.456
  52. /*
  53. 如果对非String使用parseInt()或parseFloat(),
  54. 它会先将其转换为String,然后再操作
  55. */
  56. a = true;
  57. a = parseInt(a);//输出结果为NaN
  58. a=198.123;
  59. a=parseInt(a);//输出结果为198,是先将a转换为字符串,然后再进行转换
  60. console.log(typeof a);
  61. console.log(a);
  62. </script>
  63. </head>
  64. <body>
  65. </body>
  66. </html>