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字符串转换数字内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • es7学习教程之Decorators(修饰器)详解

    es7学习教程之Decorators(修饰器)详解

    这篇文章主要给大家介绍了关于es7中Decorators(修饰器)的相关资料,文中通过示例代码给大家介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面跟着小编一起来学习学习吧。
    2017-07-07
  • JS+css 图片自动缩放自适应大小

    JS+css 图片自动缩放自适应大小

    编辑器上传的图片太大了,把FF和IE撑的走形,所以希望图片在某些页面里要有固定大小,如果需要某个范围,用getElementByname来设定,也是一个道理:
    2013-08-08
  • TypeScript中类型映射的使用

    TypeScript中类型映射的使用

    TypeScript中的映射类型和数学中的映射类似,能够将一个集合的元素转换为新集合的元素,本文就来介绍一下TypeScript中类型映射的使用,感兴趣的可以了解一下
    2023-10-10
  • JavaScript 自动完成脚本整理(33个)

    JavaScript 自动完成脚本整理(33个)

    所谓的提升用户体验,其实就是把所有用户视为极度弱智和超级懒鬼。比如JavaScript自动完成(Autocomplete)脚本, 常用于表单,用户只需输入一两个字母,就为你扩展、联想、匹配和供君选择。
    2009-10-10
  • JavaScript设计模式之命令模式

    JavaScript设计模式之命令模式

    这篇文章主要介绍了JavaScript设计模式之命令模式,对设计模式感兴趣的同学,可以参考下
    2021-04-04
  • 使用开源工具制作网页验证码的方法

    使用开源工具制作网页验证码的方法

    这篇文章主要介绍了使用开源工具制作网页验证码的方法的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-10-10
  • 微信小程序实现签字功能

    微信小程序实现签字功能

    这篇文章主要介绍了微信小程序实现签字功能,本文通过效果图展示,实例代码讲解的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-12-12
  • 基于JavaScript实现鼠标向下滑动加载div的代码

    基于JavaScript实现鼠标向下滑动加载div的代码

    这篇文章主要介绍了基于JavaScript实现鼠标向下滑动加载div的代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • JavaScript实现内容滚动与导航标签互动关联方案

    JavaScript实现内容滚动与导航标签互动关联方案

    这篇文章主要介绍了JavaScript实现内容滚动与导航标签互动关联方案,主要根据滚动左侧内容,关联激活右侧导航节点展开相应介绍,需要的小伙伴可以参考一下
    2022-06-06
  • HTML上传控件取消选择

    HTML上传控件取消选择

    由于<input type="file">的value属性石只读的,所以要取消选择只能通过其他途径,此处有2种方法
    2013-03-03

最新评论