javascript如何将数据转换为整数

这篇文章主要介绍“javascript如何将数据转换为整数”，在日常操作中，相信很多人在javascript如何将数据转换为整数问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”javascript如何将数据转换为整数”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

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

本教程操作环境：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如何将数据转换为整数”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注编程网网站，小编会继续努力为大家带来更多实用的文章！