在前端开发的过程中,需要用到很多关于数值转换的函数,来将得到的字符串或者数值进行处理。如将一个浮点数转换为整数;将一个整数转换为浮点数;将一段字符串转换为数值;将一个浮点数转换为小于它的最小整数或者保留几个小数等。
参考网上的一些资料,也结合自己平时的开发,粗略介绍一下一些常用的数值转换函数。
首先对所要讲的数值转换函数做一个列表: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/>');//返回NaNparseFloat函数:
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.23Math.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数值转换函数的一些简单总结,在以后的工作学习中还将不断完善。
相关推荐
当涉及到涉及精度的数学运算时,一个常见方法是将数值转换为整数,进行计算,然后再转换回小数。例如,可以使用`parseInt`或`Math.floor`将数值四舍五入到最接近的整数,然后进行计算,最后再通过乘以适当的小数...
8. 类型转换:`parseInt()`和`parseFloat()`将字符串转换为整数和浮点数,`"" + 变量`将数字转换为字符串。 9. 字符串长度:使用`length`属性获取字符串的长度。 10. 字符连接:使用`+`操作符可以连接两个字符串。...
### JavaScript函数大全Word版知识点详解 #### 一、概述 《JavaScript函数大全Word版》是一份详尽的JavaScript基础知识及函数应用指南。该文档通过列举常见的JavaScript语法特性、内置对象和函数,帮助开发者快速...
可以使用 parseInt() 或 parseFloat() 将字符型转换成数值型。 数字转换成字符型 可以使用 ("" + 变量) 将数字转换成字符型。 字符串长度 可以使用 length 属性来获取字符串的长度。 字符串连接 可以使用 + 号...
- **类型转换**: `parseInt()`和`parseFloat()`函数用于将字符串转换为整数或浮点数,而`""`(空字符串)常用来表示未定义或空值的初始化。 ### 3. 控制结构与循环 - **条件语句** (`if...else`) 和 **循环结构** ...
8. **类型转换**:`parseInt()`和`parseFloat()`用于将字符串转换为整数和浮点数,`"" + 变量`则可以将非字符串值转换为字符串。 9. **字符串长度**:字符串的`length`属性返回其字符数量。 10. **字符串连接**:...
JavaScript提供了多种将其他类型转换为Number的方法,如`Number()`函数、`parseInt()`和`parseFloat()`。注意,这些方法在处理非数字字符串时的行为差异,比如`parseInt()`会忽略字符串前缀的空格和非数字字符,而`...
- 字符串与数字之间的转换可以通过`parseInt()`、`parseFloat()`函数实现,而数字转字符串可以通过简单的类型强制转换实现,例如`"" + 数字`。 9. **字符串长度**: - 获取字符串长度可以直接访问`length`属性。 ...
例如,`parseInt()`和`parseFloat()`函数分别用于将字符串转换为整数和浮点数。`parseInt()`会尝试解析字符串的开头部分,忽略非数字字符,直到找到第一个数字或非数字字符为止。`parseFloat()`则会读取整个字符串,...
8. 将字符型转换为数值型可以使用 `parseInt()` 和 `parseFloat()` 函数。 9. 数字转换为字符型可以通过将变量与空字符串连接:`(""+变量)`。 10. 获取字符串长度使用 `.length` 属性。 11. 字符串连接通常使用 `+` ...
2. `Math.max()`, `Math.min()`: 找出一组数值中的最大值和最小值。 3. `Date.now()`: 获取当前时间戳。 4. `Date.prototype.toString()`: 将日期对象转换为字符串。 六、类型检测内置函数 1. `typeof`: 返回一...
根据给定的文件信息,以下是对“javascript函数大全”中涉及的关键知识点的详细解析: ### 1. `document.write("")` `document.write()`是用于在HTML文档中写入文本、HTML表达式或JavaScript代码的函数。它常用于...
### JavaScript自定义函数一览表详解 #### 一、概述 JavaScript是一种广泛应用于网页开发中的脚本语言,它能够实现动态效果、用户交互等功能。本文档将详细介绍一系列与JavaScript相关的知识点,包括基本语法、...
8. 类型转换:`parseInt()`和`parseFloat()`用于将字符串转换为整数和浮点数;将数字转换为字符串时,可以简单地用双引号括起来,如`"" + variable`。 9. 字符串长度:`.length`属性可以获取字符串的长度。 10. ...
字符串与数值转换 - 将字符串转换为整数或浮点数:`parseInt()`, `parseFloat()` - 将数字转换为字符串:`number.toString()` #### 9. 字符串长度 字符串的`length`属性表示字符串中字符的数量。 #### 10. 字符串...
8. **类型转换**:将字符型转换为数值型,可使用`parseInt()`或`parseFloat()`;反之,数字转换为字符型,只需用括号将变量包裹,如`(variable)`。 9. **字符串长度**:`length`属性可以获取字符串的长度。 10. **...
可以使用 parseInt() 和 parseFloat() 方法将字符串转换为数字,可以使用 ""+ 变量 将数字转换为字符串。 字符串操作 可以使用 length 属性来获取字符串的长度,使用 + 号来连接字符串。 比较操作符 JavaScript 中...
在JavaScript中,检查数字(check number)通常涉及到验证输入是否为有效的数字,或者进行特定的数值操作。这篇博客“check number js”可能讨论了如何在JavaScript中实现这样的功能。从标签“源码”和“工具”可以...
JavaScript的`Number`对象提供了一些方法用于字符串与数字之间的转换,如`parseInt()`和`parseFloat()`,但需要注意它们的解析规则和空格处理。 ```javascript var strNum = "123"; console.log(parseInt(strNum...