×

JavaScript每日一学:字符串转换数字的方法

作者:andy0012022.01.13来源:Web前端之家浏览:150评论:0
关键词:Javascript

JavaScript每日一学:字符串转换数字的方法。那么有哪些常用方法呢?

方法主要有:

parseInt()Number()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

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

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

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/js20220113a1.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

  • Web前端之家

    已经加上了。...

  • 访客

    wordpress主题https://www.22vd.com,交换下友链麻烦通过...

  • Web前端之家

    你是可以试试的,其实用途有区别的。...

  • qdxx

    跟国内的比较Hchart等,如何?...

  • qdxx

    不错啊,收藏了!...

  • Web前端之家

    是的,多学习吧!...

  • qdxx

    这个的确坑,我也是刚遇到,感谢分享。...

  • 访客

    大苏打...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2021 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.7.1