详解JS转换数值函数Number()、parseInt()、parseFloat()
2019/6/27 7:46:04
本文主要是介绍详解JS转换数值函数Number()、parseInt()、parseFloat(),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
JS中有三种函数可以将非数值转换成数值:Number()、parseInt()和parseFloat()。第一个函数,即转型函数Number()可以用于任何数据类型,而另外两个函数则专门用于把字符串转换成数值。这3个函数对于同样的输入会返回不同的结果。
Number()
Number()函数的转换规则如下:
?如果参数是Date对象,返回从1970年1月1日至今的毫秒数。
?如果是Boolean值,true和false将分别被替换为1和0
?如果是数字值,只是简单的传入和返回
?如果是null值,返回0
?如果是undefined,返回NaN
?如果是字符串,遵循下列规则: ?如果字符串只包含数字(包括十六进制格式“0x”),则将其转换成对应的十进制。
?如果字符串是空的,返回0。
?如果字符串包含其它字符,返回NaN。
?如果是对象,则调用对象的valueOf()方法,然后依照前面的规则转换返回的值。如果转换的结果是NaN,则调用对象的toString()方法,然后再依次按照前面的规则转换返回的字符串值。
document.write(Number(true)+"<br/>"); //返回1 document.write(Number(false)+"<br/>"); //返回0 document.write(Number(null)+"<br/>"); //返回0 document.write(Number(undefined)+"<br/>"); //返回NaN document.write(Number("001")+"<br/>"); //返回1 document.write(Number("001.1")+"<br/>"); //返回1.1 document.write(Number("0x10")+"<br/>"); //返回16 document.write(Number(new String("11aa"))+"<br/>"); //返回NaN
parseInt()
返回由字符串转换得到的整数。
parseInt(numString, [radix])
参数
numString必选项。要转换为数字的字符串。radix可选项。在 2 和 36 之间的表示 numString 所保存数字的进制的值。如果没有提供,则前缀为 '0x' 的字符串被当作十六进制,前缀为 '0' 的字符串被当作八进制。所有其它字符串都被当作是十进制的。
说明
parseInt()方法返回与保存在numString中的数字值相等的整数。如果numString的前缀不能解释为整数,则返回NaN(而不是数字)。它会忽略字符串前面的空格,直至找到第一个非空格字符。
示例
document.write(parseInt("1")+"<br/>"); //返回1 document.write(parseInt(" 1")+"<br/>"); //返回1 document.write(parseInt("1.1")+"<br/>"); //返回1 document.write(parseInt("11aa")+"<br/>"); //返回11 document.write(parseInt("020")+"<br/>"); //返回16(八进制) document.write(parseInt("")+"<br/>"); //返回NaN document.write(parseInt("AF")+"<br/>"); //返回NaN document.write(parseInt("AF",16)+"<br/>"); //返回175 document.write(parseInt("0xAF")+"<br/>"); //返回175
parseFloat()
返回由字符串转换得到的浮点数。
parseFloat(numString)
必选项 numString 参数是包含浮点数的字符串。
说明
parseFloat()返回与numString中保存的数相等的数字表示。如果numString的前缀不能解释为浮点数,则返回NaN(而不是数字)。
总结
以上所述是小编给大家介绍的JS转换数值函数Number()、parseInt()、parseFloat(),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对找一找教程网网站的支持!
这篇关于详解JS转换数值函数Number()、parseInt()、parseFloat()的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-01Vue.js 是什么-icode9专业技术文章分享
- 2024-11-01Vue3入门教程:从零开始搭建第一个Vue3项目
- 2024-11-01详解vueRouter4基础教程
- 2024-11-01Vuex4课程:初学者的完整入门指南
- 2024-10-31Vue3课程:新手入门到初级掌握
- 2024-10-31Vue3课程:新手入门到初级应用详解
- 2024-10-31VueRouter4课程:新手入门与实战指南
- 2024-10-31Vuex4学习:从入门到初级实战教程
- 2024-10-31Vue3教程:新手入门与基础实战
- 2024-10-31Vue教程:新手快速入门指南