1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <script>
- /*
- 将其他的数据类型转换为Number
- 方法一:
- 使用Number()函数
- -字符串-->数字
- 1.如果是纯数字的字符串,则直接将其转换为数字
- 2.如果字符串中有非数字的内容,则转换为NaN
- 3.如果字符串是一个空串或者是一个全是空格的字符串,则转换为0
- -布尔-->数字
- true 转成1
- false 转成0
- -null-->数字 结果为0
- -undefined-->数字 结果为NaN
- 方法二:
- -这种方式专门用来对付字符串
- -parseInt() 把一个字符串转换为一个整数
- -parseFloat() 把一个字符串转换为一个浮点数
- */
- var a = "123";
- //调用Number()函数来将a转换为Number类型
- a = "abc";
- a = Number(a);//输出结果为NaN
- a = "";//输出结果为0
- a = true;
- a = Number(a); //输出结果为1,false输出结果为0
- a = null;
- a = Number(a); //输出结果为0
- a = undefined;
- a = Number(a); //输出结果为NaN
- a = "123px";
- //调用parseInt()函数将a转换为Number
- /*
- parseInt()可以将一个字符串中的有效整数内容取出来,然后转换为Number
- */
- a = parseInt(a);
- a = "123a567px";//输出结果为123
- a = "123.567px";//输出结果仍为123
- /*
- parseFloat()作用和parseInt()类似,不同的是它可以获得有效的小数
- */
- a = "123.456px";
- a = parseFloat(a);
- a = "123.456.789px";//输出结果为123.456
- /*
- 如果对非String使用parseInt()或parseFloat(),
- 它会先将其转换为String,然后再操作
- */
- a = true;
- a = parseInt(a);//输出结果为NaN
- a=198.123;
- a=parseInt(a);//输出结果为198,是先将a转换为字符串,然后再进行转换
- console.log(typeof a);
- console.log(a);
- </script>
- </head>
- <body>
- </body>
- </html>
|