所属分类:web前端开发
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学习教程】
以上就是javascript怎么将数据转换为整数的详细内容,更多请关注zzsucai.com其它相关文章!