• 技术文章 >web前端 >js教程

    javascript怎么将值转换成数字类型

    青灯夜游青灯夜游2021-07-20 15:03:08原创106

    javascript将值转换成数字类型的方法:1、使用parseInt()方法,可以把值转换为整数;2、使用parseFloat()函数,可以把值转换为浮点数;3、使用乘号运算符,将变量乘以1,则变量会被自动转换为数值,且结果没有发生变化。

    本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

    方法1:使用 parseInt()

    parseInt() 是一个全局方法,它可以把值转换为整数。转换的过程如下:

    先解析位置 0 处的字符,如果不是有效数字,则直接返回 NaN。

    如果位置 0 处的字符是数字,或者可以转换为有效数字,则继续解析位置 1 处的字符,如果不是有效数字,则直接返回位置 0 处的有效数字。

    以此类推,按照从左到右的顺序,逐个分析每个字符,直到发现非数字字符为止。

    parseInt() 将把前面分析合法的数字字符全部转换为数值并返回。

    console.log(parseInt("123abc"));  //返回数字123
    console.log(parseInt("1.73"));   //返回数字1
    console.log(parseInt(".123"));   //返回值NaN

    浮点数中的点对于 parseInt() 来说属于非法字符,因此不会转换小数部分的值。

    如果是以 0 开头的数字字符串,则 parseInt() 会把它作为八进制数字处理:先把它转换为八进制数值,然后再转换为十进制的数字返回。

    如果是以 0x 开头的数字字符串,则 parseInt() 会把它作为十六进制数字处理:先把它转换为十六进制数值,然后再转换为十进制的数字返回。

    var d = 010;  //八进制数字字符串
    var e = 0x10;  //十六进制数字字符串
    console.log(parseInt(d));  //返回十进制数字8
    console.log(parseInt(e));  //返回十进制数字16

    parseInt() 也支持基模式,可以把二进制、八进制、十六进制等不同进制的数字字符串转换为整数。基模式由 parseInt() 函数的第二个参数指定。

    【实例1】下面代码把十六进制数字字符串“123abc”转换为十进制整数。

    var a = "123abc";  
    console.log(parseInt(a,16));  //返回十进制整数1194684

    【实例2】下面代码把二进制、八进制和十进制数字字符串转换为十进制的整数。

    console.log(parseInt("10",2));  //把二进制数字 10 转换为十进制整数,为 2
    console.log(parseInt("10",8));  //把八进制数字 10 转换为十进制整数,为 8
    console.log(parseInt("10",10));  //把十进制数字 10 转换为十进制整数,为 10

    【实例3】如果第一个参数是十进制的值,包含 0 前缀,为了避免被误解为八进制的数字,则应该指定第二个参数值为 10,即显示定义基模式,而不是采用默认基模式。

    console.log(parseInt("010"));  //把默认基模式数字 010 转换为十进制整数为 10
    console.log(parseInt("010",8));  //把八进制数字 010 转换为十进制整数为 8
    console.log(parseInt("010",10));  //把十进制数字 010 转换为十进制整数为 10

    方法2:使用 parseFloat() 函数

    parseFloat() 也是一个全局方法,它可以把值转换为浮点数,即它能够识别第一个出现的小数点,而第二个小数点被视为非法。解析过程与 parseInt() 方法相同。

    console.log(parseFloat("1.234.5"));  //返回数值 1.234

    parseFloat() 的参数必须是十进制形式的字符串,而不能使用八进制或十六进制的数字字符串。同时,对于数字前面的 0(八进制数字标识)会忽略,对于十六进制的数字将返回 0。

    console.log(parseFloat("123"));  //返回数值 123
    console.log(parseFloat("123abc"));  //返回数值 123
    console.log(parseFloat("010"));  //返回数值 10
    console.log(parseFloat("0x10"));  //返回数值 0
    console.log(parseFloat("x10"));  //返回数值 NaN

    方法3:使用乘号运算符

    如果变量乘以 1,则变量会被 JavaScript 自动转换为数值。乘以 1 之后,结果没有发生变化,但是值的类型被转换为数值。如果值无法被缓缓为合法的数值,则返回 NaN。

    var a = 1;  //数值
    var b = "1";  //数字字符串
    console.log(a + (b * 1));  //返回数值 2

    【推荐学习:javascript高级教程

    以上就是javascript怎么将值转换成数字类型的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript 数字类型
    上一篇:javascript怎么设置背景颜色 下一篇:JavaScript怎么定义对象数组
    VIP会员

    相关文章推荐

    • javascript怎么将字符串转为boolean类型• javascript中字母如何转为数字• JavaScript怎么改变鼠标指针样式• JavaScript怎么判断正数还是负数• javascript时间戳如何转化为日期• javascript如何删除键值对• javascript怎么定义动态变量

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网