JavaScript字符串转换数字的方法

 更新时间:2021年12月29日 09:43:46   作者:前端老实人  
这篇文章主要介绍了JavaScript字符串转换数字的方法,文章围绕JavaScript字符串转换数字的相关资料展开全文内容,需要的小伙伴可以参考一下

方法主要有:1.parseInt() ;2.Number() ;3.parseFloat() ;

下面来挨个介绍:

1.parseInt(string, radix)

  • 解析一个字符串并返回指定基数的十进制整数或 NaN。
  • 第一个参数要被解析的值。如果参数不是一个数字,则将其转换为数字;
  • 第二个参数指定被解析值是几进制数
  • 如果传入的第一个字符不能转换为数字,parseInt会返回 NaN。

这里科普一个兼容问题:

如果 radix undefined、0或未指定的,JavaScript会假定以下情况:

  • 如果输入的 string以 "0x"或 “0x”(一个0,后面是小写或大写的X)开头,那么radix被假定为16,字符串的其余部分被当做十六进制数去解析。
  • 如果输入的 string以 “0”(0)开头, radix被假定为8(八进制)或10(十进制)。具体选择哪一个radix取决于实现。ECMAScript 5 澄清了应该使用 10 (十进制),但不是所有的浏览器都支持。因此,在使用 parseInt 时,一定要指定一个 radix。
  • 如果输入的 string 以任何其他值开头, radix 是 10 (十进制)。

2.Number()

函数把对象的值转换为数字

  • Number() 函数把对象的值转换为数字。
  • 通过Number()转换函数传入一个字符串,它会试图将其转换为一个整数或浮点数直接量,这个方法只能基于十进制进行转换,如果字符串中出现非数字的字符,将返回NaN。

3.parseFloat()

  • 给定值被解析成浮点数或整数,若不能被转换成数值,则会返回 NaN。
  • parseFloat是个全局函数,不属于任何对象。

所有直接使用即可:

function circumference(r) {
  return parseFloat(r) * 2.0
}
 
console.log(circumference(3));
// 输出为: 6

最后有个比较厉害的操作:

数字字符串前直接写“+”直接转换

到此这篇关于JavaScript字符串转换数字的方法的文章就介绍到这了,更多相关JavaScript字符串转换数字内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 原生JS实现LOADING效果

    原生JS实现LOADING效果

    这篇文章主要向大家介绍了原生JS实现的LOADING效果的代码,效果非常不错,而且可以自定义颜色和速度,推荐给大家,希望大家能够喜欢。
    2015-03-03
  • 手机端实现Bootstrap简单图片轮播效果

    手机端实现Bootstrap简单图片轮播效果

    这篇文章主要为大家详细介绍了基于Bootstrap的简单轮播图的手机实现,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • javascript表单控件实例讲解

    javascript表单控件实例讲解

    这篇文章主要为大家详细介绍了javascript表单控件实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • js实现精美的图片跟随鼠标效果实例

    js实现精美的图片跟随鼠标效果实例

    这篇文章主要介绍了js实现精美的图片跟随鼠标效果,实例分析了javascript鼠标事件及页面样式的操作技巧,需要的朋友可以参考下
    2015-05-05
  • js数组循环遍历数组内所有元素的方法

    js数组循环遍历数组内所有元素的方法

    在js中数组遍历最简单的办法就是使用for然后再利用arr.length长度作为for最大限度值即可解决了,下面我们来看看一些有用的实例
    2014-01-01
  • 探讨JavaScript标签位置的存放与功能有无关系

    探讨JavaScript标签位置的存放与功能有无关系

    在网页中,我们可以将JavaScript代码放在html文件中任何位置,但一般放在head或body标签里面。一般来说,<script>元素放在哪里与其的功能作用是紧密相关的,通过本文我们一起学习下
    2016-01-01
  • 微信小程序实现tab组件切换动画

    微信小程序实现tab组件切换动画

    tab相对而言用的还是比较多的,但是用起来并没有难,下面这篇文章主要给大家介绍了关于微信小程序全局配置之tab的相关资料,文中通过图文以及示例代码介绍的非常详细,需要的朋友可以参考下
    2022-10-10
  • Bootstrap fileinput组件封装及使用详解

    Bootstrap fileinput组件封装及使用详解

    这篇文章主要介绍了Bootstrap fileinput组件封装及使用的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • js实现简单秒表走动的时钟特效

    js实现简单秒表走动的时钟特效

    这篇文章主要为大家详细介绍了js实现简单秒表走动的时钟特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2015-08-08
  • JS实现计算小于非负数n的素数的数量算法示例

    JS实现计算小于非负数n的素数的数量算法示例

    这篇文章主要介绍了JS实现计算小于非负数n的素数的数量算法,可实现针对一定范围内素数个数的统计功能,涉及javascript数值运算相关操作技巧,需要的朋友可以参考下
    2019-02-02

最新评论