欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

javascript怎么将数据转换为整数

程序员文章站 2022-03-23 15:26:50
...

javascript转换整数的方法:1、使用parseInt()函数,语法“parseInt("要转换的值")”。2、利用位操作符,例“~~123.45”。3、使用“Math.floor(值)”与“Math.ceil(值)”语法。

javascript怎么将数据转换为整数

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

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

示例1

下面代码把十六进制数字字符串“123abc”转换为十进制整数。

var a = "123abc";  
console.log(parseInt(a,16));  //返回十进制整数1194684

示例2

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

console.log(parseInt("10",2));  //把二进制数字 10 转换为十进制整数,为 2
console.log(parseInt("10",8));  //把八进制数字 10 转换为十进制整数,为 8
console.log(parseInt("10",10));  //把十进制数字 10 转换为十进制整数,为 10

示例3

如果第一个参数是十进制的值,包含 0 前缀,为了避免被误解为八进制的数字,则应该指定第二个参数值为 10,即显示定义基模式,而不是采用默认基模式。

console.log(parseInt("010"));  //把默认基模式数字 010 转换为十进制整数为 10
console.log(parseInt("010",8));  //把八进制数字 010 转换为十进制整数为 8
console.log(parseInt("010",10));  //把十进制数字 010 转换为十进制整数为 10

方法2:位操作符

console.log(0 | "123.45")//123
console.log(0 | 123.45)//123
console.log(0 ^ 123.45)//123
console.log(~~123.45)//123

原理:javascript没有整数的概念,所有的数值型都是双精度浮点数。在用位运算符时,它会先把操作数转变成整数,方便操作。而0与其他值异或或者按位或都不会改变操作值的

方法3:Math.floor与Math.ceil

实例

console.log(Math.floor(2.3))//2
console.log(Math.floor(-2.3))//-3
console.log(Math.ceil(2.3))//3
console.log(Math.ceil(-2.3))//-2

两者不足:

Math.floor得到的是数字的最小整数;而Math.ceil得到的是最大整数。所以导致本来-2.3我们取整的话我们要得到的是-2,但是用Math.floor得到的是-3。而2.3用Math.ceil得到的是3,但是我们要的是2就行了。

解决:

//自行定义一个函数
function getInt(val){
return val>0 ? Math.floor(val):Math.ceil(val);
}

【相关推荐:javascript学习教程

以上就是javascript怎么将数据转换为整数的详细内容,更多请关注其它相关文章!