首页 >web前端 >js教程 > 正文

javascript怎么将值转化为int类型

原创2021-09-02 18:21:340937

javascript将值转化为int类型的方法:1、使用“parseInt(值)”方法将一个值转为int整数;2、使用“Math.floor(值)”、“Math.ceil(值)”、“Math.round(值)”方法将小数值转为int整数。

本教程操作环境: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

方法2:使用Math.floor()、Math.ceil()、Math.round()将小数转为整数

Math 对象有3个静态函数可以进行取整

  • Math.floor():返回小于参数值的最大整数。

  • Math.ceil():返回大于参数值的最小整数。

  • Math.round():四舍五入。

示例1:下面代码简单比较了这 3 个方法的取值

console.log(Math.floor(2.5));  //2
console.log(Math.floor(-2.5));  //-3
console.log(Math.ceil(2.5));  //3
console.log(Math.ceil(-2.5));  //-2
console.log(Math.round(2.5));  //3
console.log(Math.round(-2.5));  //-2
console.log(Math.round(-2.6));  //-3

示例2:下面代码结合 Math.floor() 和 Math.ceil() 方法,利用 JavaScript 设计一个数字取整的函数

var toInt = function (num) {
    var num = Number(num);
    return num < 0 ? Math.ceil(num) : Math.floor(num);
}
console.log(toInt(2.5));  //2
console.log(toInt(-2.5));  //-2

【推荐学习:javascript高级教程

以上就是javascript怎么将值转化为int类型的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

相关文章

相关视频


网友评论

文明上网理性发言,请遵守 新闻评论服务协议

我要评论
  • 专题推荐

    作者信息

    青灯夜游

    今天学习一小步,明天提升一大步

    最近文章
    php怎么判断有几位小数445
    php中转换首字母大写的函数是什么371
    Javascript怎么检查对象是否为空892
    推荐视频教程
  • JavaScript基本语法及基本语句视频教程JavaScript基本语法及基本语句视频教程
  • JavaScript核心编程视频教程JavaScript核心编程视频教程
  • JavaScript深入视频教程JavaScript深入视频教程
  • JavaScript OOP调试技巧视频教程JavaScript OOP调试技巧视频教程
  • 视频教程分类