`

JavaScript数值转换函数(Number(),parseInt(),parseFloat(),Math)总结

阅读更多

      在前端开发的过程中,需要用到很多关于数值转换的函数,来将得到的字符串或者数值进行处理。如将一个浮点数转换为整数;将一个整数转换为浮点数;将一段字符串转换为数值;将一个浮点数转换为小于它的最小整数或者保留几个小数等。

     参考网上的一些资料,也结合自己平时的开发,粗略介绍一下一些常用的数值转换函数。

     首先对所要讲的数值转换函数做一个列表:Number(),parseInt(),parseFloat(),Math.ceil(),Math.floor(),Math.round(),toFixed()等。

     下面就逐一介绍各个函数的用法:

Number()函数:

      用new Number(num);创建一个Number对象,传入的num参数可以是一个Date对象、Boolean值、数字值或者是字符串等等。

      当传入的参数是Date对象时,将返回从1970年1月1日至今的毫秒数;

      当传入一个Boolean值true或false时,将返回一个数字0或1;

      当传入一个数值时,返回的也将是该数值;

      当传入null值时,返回的将是0;

      当传入undefined时,返回的将是NaN;

      当传入一个字符串时:1.字符串只包含数字(包括八进制格式0,十六进制格式0x),返回的将是一个数值;2.如果传入的字符串为空,将返回0;3.如果字符串不全为数字,将返回NaN;

document.write(Number(new Date())+'<br/>');//返回从1970年1月1日至今的毫秒数
document.write(Number(false)+'<br/>');//返回0,如果是true,将返回1
document.write(Number(123)+'<br/>');//返回数值123
document.write(Number(null)+'<br/>');//返回0
document.write(Number(undefined)+'<br/>');//返回NaN
document.write(Number('123')+'<br/>');//返回123
document.write(Number(0123)+'<br/>');//返回十进制83
document.write(Number('0x12')+'<br/>');//返回十进制18
document.write(Number('y123')+'<br/>');//返回NaN

parseInt()函数:

      parseInt函数将传入的字符串或者数值转换为整数:1.当传入整数时,返回一个整数;2.当传入一个浮点数时,小数点及小数将被去掉,返回一个整数;3.当传入一个字符串时,如果字符串以字符开头,则返回NaN;如果字符串以数值开头,则返回该数值;4.当传入的是八进制或者十六进制数时,返回相应的十进制数。

document.write(parseInt(123)+'<br/>');//返回123
document.write(parseInt(0123)+'<br/>');//这是一个八进制数,返回十进制数83
document.write(parseInt(0x123)+'<br/>');//这是一个十六进制数,返回十进制数291
document.write(parseInt(123.23)+'<br/>');//返回123
document.write(parseInt('y123')+'<br/>');//返回NaN
document.write(parseInt('123y')+'<br/>');//返回123
document.write(parseInt('123y123')+'<br/>');//返回123

      与Number不同的是,都传入一个字符串时,如果字符串中有字符,并且以数值开头,Number返回NaN,而parseInt返回该数值。

document.write(parseInt('123y')+'<br/>');//返回123
document.write(Number('123y')+'<br/>');//返回NaN
parseFloat函数:

      parseFloat函数与parseInt函数的用法类似

document.write(parseFloat(123.23)+"<br/>");//返回123.23
document.write(parseFloat(0123)+"<br/>");//返回十进制数83
document.write(parseFloat(0x123)+"<br/>");//返回十进制数291
document.write(parseFloat("y123.23")+"<br/>");//返回NaN
document.write(parseFloat("123.23y123")+"<br/>");//返回123.23
Math.ceil()函数:

       Math.ceil()函数返回大于传入值的最小值。如果传入123.23,则返回124。

Math.floor()函数:

      Math.floor()函数返回小于传入值得最大值。如果传入123.23,则返回123。

Math.round()函数:

      Math.round()函数返回与传入值最接近的值。如果传入123.23,则返回123;如果传入123.55,则返回124。

toFixed()函数:

      toFixed(num)函数给某个数值设置保留几位小数。

var number=123.23;
document.write(number.toFixed(1)+"<br/>");//返回123.2
document.write(number.toFixed(3)+"<br/>");//返回123.230
      以上是对JavaScript数值转换函数的一些简单总结,在以后的工作学习中还将不断完善。
分享到:
评论

相关推荐

    JS精度计算1、转成整数计算再转换成小数,2、toFixed,3、math.js,4、bignumber.js,5、big.js

    当涉及到涉及精度的数学运算时,一个常见方法是将数值转换为整数,进行计算,然后再转换回小数。例如,可以使用`parseInt`或`Math.floor`将数值四舍五入到最接近的整数,然后进行计算,最后再通过乘以适当的小数...

    javascript函数的解释

    8. 类型转换:`parseInt()`和`parseFloat()`将字符串转换为整数和浮点数,`"" + 变量`将数字转换为字符串。 9. 字符串长度:使用`length`属性获取字符串的长度。 10. 字符连接:使用`+`操作符可以连接两个字符串。...

    JavaScript函数大全Word版

    ### JavaScript函数大全Word版知识点详解 #### 一、概述 《JavaScript函数大全Word版》是一份详尽的JavaScript基础知识及函数应用指南。该文档通过列举常见的JavaScript语法特性、内置对象和函数,帮助开发者快速...

    100多个有用的JavaScript函数及基础语法集合

    可以使用 parseInt() 或 parseFloat() 将字符型转换成数值型。 数字转换成字符型 可以使用 ("" + 变量) 将数字转换成字符型。 字符串长度 可以使用 length 属性来获取字符串的长度。 字符串连接 可以使用 + 号...

    javascript 内置函数速查.txt

    - **类型转换**: `parseInt()`和`parseFloat()`函数用于将字符串转换为整数或浮点数,而`""`(空字符串)常用来表示未定义或空值的初始化。 ### 3. 控制结构与循环 - **条件语句** (`if...else`) 和 **循环结构** ...

    js函数大全 javascript

    8. **类型转换**:`parseInt()`和`parseFloat()`用于将字符串转换为整数和浮点数,`"" + 变量`则可以将非字符串值转换为字符串。 9. **字符串长度**:字符串的`length`属性返回其字符数量。 10. **字符串连接**:...

    前端面试题之baseJS-number.zip

    JavaScript提供了多种将其他类型转换为Number的方法,如`Number()`函数、`parseInt()`和`parseFloat()`。注意,这些方法在处理非数字字符串时的行为差异,比如`parseInt()`会忽略字符串前缀的空格和非数字字符,而`...

    javascript函数大全集合

    - 字符串与数字之间的转换可以通过`parseInt()`、`parseFloat()`函数实现,而数字转字符串可以通过简单的类型强制转换实现,例如`"" + 数字`。 9. **字符串长度**: - 获取字符串长度可以直接访问`length`属性。 ...

    JavaScript总结.docx

    例如,`parseInt()`和`parseFloat()`函数分别用于将字符串转换为整数和浮点数。`parseInt()`会尝试解析字符串的开头部分,忽略非数字字符,直到找到第一个数字或非数字字符为止。`parseFloat()`则会读取整个字符串,...

    100多个很有用的JavaScript函数以及基础写法汇总

    8. 将字符型转换为数值型可以使用 `parseInt()` 和 `parseFloat()` 函数。 9. 数字转换为字符型可以通过将变量与空字符串连接:`(""+变量)`。 10. 获取字符串长度使用 `.length` 属性。 11. 字符串连接通常使用 `+` ...

    javascript内置函数

    2. `Math.max()`, `Math.min()`: 找出一组数值中的最大值和最小值。 3. `Date.now()`: 获取当前时间戳。 4. `Date.prototype.toString()`: 将日期对象转换为字符串。 六、类型检测内置函数 1. `typeof`: 返回一...

    javascript函数大全

    根据给定的文件信息,以下是对“javascript函数大全”中涉及的关键知识点的详细解析: ### 1. `document.write("")` `document.write()`是用于在HTML文档中写入文本、HTML表达式或JavaScript代码的函数。它常用于...

    js函数一览表 javaScript 自定义函数一览表

    ### JavaScript自定义函数一览表详解 #### 一、概述 JavaScript是一种广泛应用于网页开发中的脚本语言,它能够实现动态效果、用户交互等功能。本文档将详细介绍一系列与JavaScript相关的知识点,包括基本语法、...

    javascript常用函数.docx

    8. 类型转换:`parseInt()`和`parseFloat()`用于将字符串转换为整数和浮点数;将数字转换为字符串时,可以简单地用双引号括起来,如`"" + variable`。 9. 字符串长度:`.length`属性可以获取字符串的长度。 10. ...

    javascript常用函数

    字符串与数值转换 - 将字符串转换为整数或浮点数:`parseInt()`, `parseFloat()` - 将数字转换为字符串:`number.toString()` #### 9. 字符串长度 字符串的`length`属性表示字符串中字符的数量。 #### 10. 字符串...

    javascript常用函数.pdf

    8. **类型转换**:将字符型转换为数值型,可使用`parseInt()`或`parseFloat()`;反之,数字转换为字符型,只需用括号将变量包裹,如`(variable)`。 9. **字符串长度**:`length`属性可以获取字符串的长度。 10. **...

    100多个很有用的javascript函数以及基础写法集合

    可以使用 parseInt() 和 parseFloat() 方法将字符串转换为数字,可以使用 ""+ 变量 将数字转换为字符串。 字符串操作 可以使用 length 属性来获取字符串的长度,使用 + 号来连接字符串。 比较操作符 JavaScript 中...

    check number js

    在JavaScript中,检查数字(check number)通常涉及到验证输入是否为有效的数字,或者进行特定的数值操作。这篇博客“check number js”可能讨论了如何在JavaScript中实现这样的功能。从标签“源码”和“工具”可以...

    javasciprt操作数字

    JavaScript的`Number`对象提供了一些方法用于字符串与数字之间的转换,如`parseInt()`和`parseFloat()`,但需要注意它们的解析规则和空格处理。 ```javascript var strNum = "123"; console.log(parseInt(strNum...

Global site tag (gtag.js) - Google Analytics