JavaScript数值转换的三种方式总结
在JavaScript中，数值转换一般有三种方式：
一、Number(param)函数：param可以用于任何数据类型
1.1 param是Boolean值，true和false分别转换为1和0；
1.2 param是数值，只是简单的传入和返回
1.3 param是null和undefined，分别返回0和NaN
1.4 param是字符串，遵循下列规则：
1.4.1 如果字符串中只包含数字，则转换为十进制，前导0被忽略；
1.4.2 如果字符串中包含有效的浮点数格式，则返回对应的浮点数值，前导0被忽略；
1.4.3 如果字符串包含有效的十六进制，则返回等大的十进制数值
1.4.4 如果字符串为空，则返回0
1.4.5 如果字符串中包含除上述格式外的字符，则返回NaN
1.5 param是对象，则调用valueOf()方法，依照前面的规则转换返回字符串值，若返回NaN，则调用toString()方法，再次依照前面的规则转换返回字符串值。
1.6 示例：
<span style="font-family:Microsoft YaHei;font-size:18px;">var num1 = Number("hello"); //NaN
var num2 = Number(""); //0
var num3 = Number("00022"); //22
var num4 = Number(true); //1</span>
二、parseInt(param)：把字符串转换成整数，param是字符串类型。
parseInt()忽略字符串前面的空格，直到找到第一个非空格字符S；若S不是数字或者负号，则返回NaN（即parseInt()对空字符返回NaN，注意Number()对空返回0），若S是数字，parseInt()会继续解析下一个字符，直到解析完所有字符或者遇到了一个非数字字符。parseInt()支持对八进制、十六进制的解析
<span style="font-family:Microsoft YaHei;font-size:18px;">var num1 = parseInt("1234blue"); //1234
var num2 = parseInt(""); //NaN
var num3 = parseInt("22.5"); //22
var num4 = parseInt("070"); //八进制，转换为十进制的56</span>
三、parseIFloat(param)：把字符串转换成浮点数，param是字符串类型。
与parseInt类似，parseFloat()从第一个字符开始解析，直到解析完所有字符或者遇到了一个非浮点数字符。第一个小数点有效，但是第二个则无效，且该函数只能解析十进制数，因为它始终会忽略前导0.
<span style="font-family:Microsoft YaHei;font-size:18px;">var num1 = parseFloat("1234blue"); // 1234
var num2 = parseFloat("0xf6"); // 0
var num3 = parseFloat("22.5"); // 22.5
var num4 = parseFloat("22.5.4"); //22.5
var num5 = parseFloat("3.125e7"); // 31250000</span>
相关文章
这篇文章主要为大家详细介绍了js回调函数仿360开机，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-12-12
这篇文章主要给大家介绍了关于鸿蒙Js实战之计算器功能开发的相关资料,计算器是我们生活中经常使用的应用,此项目是基于Harmony实现的简易计算器,需要的朋友可以参考下2024-02-02
这篇文章主要介绍了js实现简易拖拽的示例，帮助大家更好的理解和学习JavaScript,感兴趣的朋友可以了解下2020-10-10
最近在使用JS动画做一些练习的时候我发现在动画执行时间内快速移开鼠标时会出现动画因鼠标移动过快从而导致代码冲突让画面抖动的bug,这篇文章主要给大家介绍了关于JavaScript实现动画时动画抖动的原因与解决方法,需要的朋友可以参考下2022-06-06
这篇文章主要介绍了创建echart多个联动的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-11-11
如何用JavaScript实现动态修改CSS样式表？下面小编就为大家带来一篇JavaScript实现动态修改CSS样式表的方法。希望对大家有所帮助。一起跟随小编过来看看吧2016-05-05
JavaScript位移运算符(无符号) >>> 三个大于号 的使用方法详解
这篇文章主要介绍了JavaScript位移运算符(无符号) >>> 三个大于号 的使用方法详解的相关资料,需要的朋友可以参考下2016-03-03
这是一段点击复制的代码，现在我的页面里不仅有1个链接需要用到这段代码。请哪位好心人指教一下应该怎么用ID对应的方式来改写这段js，使它实现一个点击复制对应1个相应内容2009-12-12
本篇文章给大家总结了js保留两位小数的各种方法以及每种方法的实例代码分析，如果大家对此有需要，一起来学习下js保留两位小数的方法吧。2018-01-01
前端通过code获取sessionkey,再用sessionkey解密手机号加密信息,PHP后端实现这一过程,本文通过实例代码给大家介绍抖音小程序一键获取手机号功能,感兴趣的朋友一起看看吧2025-01-01
最新评论