javascript中如何将值转换为数字类型

本篇内容主要讲解“javascript中如何将值转换为数字类型”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“javascript中如何将值转换为数字类型”吧!

创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都做网站、成都网站制作、成都外贸网站建设、新林网络推广、微信小程序开发、新林网络营销、新林企业策划、新林品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供新林建站搭建服务,24小时服务热线:028-86922220,官方网址:www.cdcxhl.com

转换为数字类型的方法:1、使用parseInt()函数,可以把值转换为整数,语法“parseInt(值)”;2、使用parseFloat()函数,可以把值转换为浮点数,语法“parseFloat(值)”;3、利用乘号运算符,语法“值*1”。

javascript将值转换为数字类型的方法:

方法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() 函数的第二个参数指定。

示例

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

console.log(parseInt("10",2));  //把二进制数字 10 转换为十进制整数,为 2
console.log(parseInt("10",8));  //把八进制数字 10 转换为十进制整数,为 8
console.log(parseInt("10",10));  //把十进制数字 10 转换为十进制整数,为 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中如何将值转换为数字类型
分享URL:http://bzwzjz.com/article/ghgpeo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: app网站建设 成都网站设计 高端网站设计 网站制作 成都网站建设 成都网站制作 LED网站设计方案 成都网站制作 手机网站制作 网站制作 成都网站建设 手机网站制作 营销网站建设 成都网站制作 成都营销网站制作 网站制作报价 成都网站设计公司 定制级高端网站建设 高端定制网站设计 手机网站建设套餐 高端网站设计推广 四川成都网站设计