parseInt与Math.floor区别

最新推荐文章于 2024-04-26 17:37:33 发布
最新推荐文章于 2024-04-26 17:37:33 发布
阅读量540 收藏 1
点赞数
分类专栏： 填坑小能手 文章标签： vue.js typescript css3 html5 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/popping_Sun/article/details/118142944
版权

当我们想要取整数的时候在js中parentInt与Math.floor用起来都很方便，但当转换成ts就会保错，比如这个例子ParentInt((1 + Math.random()) *10)在js中没有问题，放到ts中就会出错，变成Math.floor((1 + Math.random()) * 10)就可以了，因为parnent转换的是字符型，而Math.random是数字型，ts的严格类型就会报错。

补充：parseInt还有一个比较好用的点，就是可以把字符变成数组

比如 console.log(parseInt("30秒") )//30，但是数字前不能有字符

比如console.log(parseInt("这是30秒") )//NaN，当我们需要把字符变成数字时，符合条件用这个方法还是很方便的。

popping_Sun
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript第二天
qq_41943654的博客
03-29 224
javascript第二天 +(正号)数据 可以把其他类型转换为数据类型 1.代码练习 2.运行结果 常见错误 1.运行结果 代码 错误分析： 变量没有声明 2.运行结果 代码 错误分析： 变量多次声明 3.运行结果 代码 错误分析： 缺少括号 ...
加密和解密
09-24
enc_chr = parseInt(parseInt(str.substring(i, i+2), 16) ^ Math.floor((prand / modu) * 255)); enc_str += String.fromCharCode(enc_chr); prand = (mult * prand + incr) % modu; } return enc_str; }
parseInt和Math.floor的区别
wtswts1232的博客
09-12 114
在大多数情况下，他们都可以用来取一个小数的整数部分，但是在某些特殊场景下，就只能使用math.floor。比如我们想取一个区间范围内的值，如果使用…首先我们还是从他们的原理开始看。Math.floor 它只是简单地将一个数向下取整到最接近的整数。它只接受一个参数：你想要向下取整的数。
一、初识JavaScript
m0_67183922的博客
03-07 541
目录 1.1 .输出语句 变量：就是内存里面的一个存储空间，用于存储数据的 1.1 .输出语句 变量：就是内存里面的一个存储空间，用于存储数据的 数量的类型有很多，不同种类的数据，需要放置到不同的空间 所以，每个变量都有各自的数据类型 定义变量关键字是： val ， let， conten val 变量名称 = 数据 都是通过typeof关键字，查看变量的类型。一般省略typeof，也可以不省略 val a = '你好' console.log(type...
【JS】parseInt与Math.floor的区别
owo_ovo的博客
03-16 254
【JS】parseInt与Math.floor的区别
JavaScript - 数据类型及类型转换
weixin_46022982的博客
05-11 342
2 数据类型 2.1 数据类型的划分 ① 原始类型 number 数值类型 string 字符串类型 boolean 布尔类型 undefined 未定义类型 null 空类型 ② 对象类型 Array 数组类型 Object 对象类型 Function 函数类型 .... 2.2 判断数据的类型 typeof() 注意（特殊现象）： 使用 typeof 判断 null 的数据类型，返回的是 object。 2.3 number 数值类型 ① 整型 整型就是整数的数字。 数字直接
js parseInt() 方法详细解析
babachao的博客
10-08 7271
一、先来一个介绍parseInt(string，radix)，parseInt() 函数可解析一个字符串，并返回一个整数。（W3C复制的） string 必需。要被解析的字符串。 radix 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。 如果省略该参数或其值为 0，则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头，将以 16 ...
Js中的Parent对象
热门推荐
wang725的专栏
12-03 3万+
Js中的Parent对象  文章分类:Web前端   该变更永远指分割窗口最高层次的浏览器窗口。 如果计划从分割窗口的最高层次开始执行命令，就可以用top变量。  parent：  该变量指的是包含当前分割窗口的父窗口。如果在一个窗口内有分割窗口，而在其中一个分割窗口中又包含着分割窗口，则第2层的分割窗口可以用parent变量引用包含它的父分割窗口。  opener：  指用WIND
js中 opener和parent的区别
nieliwu的专栏
07-13 565
opener即谁打开我的，比如A页面利用window.open弹出了B页面窗口，那么A页面所在窗口就是B页面的opener，在B页面通过opener对象可以访问A页面。parent表示父窗口，比如一个A页面利用iframe或frame调用B页面，那么A页面所在窗口就是B页面的parent。在JS 中，window.opener只是对弹出窗口的母窗口的一个引用。比如：a.html中，通过点击
php及js小数取整
wjw350530133的专栏
02-22 468
1.丢弃小数部分,保留整数部分php: intval(7/2)js:parseInt(7/2) 2.向上取整,有小数就整数部分加1php: ceil(7/2)js: Math.ceil(7/2)3,四舍五入.php: round(7/2)js: Math.round(7/2) 4,向下取整php: floor(7/2)js: Math.floor(7/2) ...
使用js Math.random()函数生成n到m间的随机数字
12-01
摘要： 本文讲解如何使用js生成n到m间的随机数字，主要目的是为后期的js生成验证码做准备。 Math.random()函数返回0和1之间的伪随机数，可能为0，但总是小于1，[0,1) 生成n-m，包含n但不包含m的...第四步Math.floor(Mat
js Math 对象的方法
12-11
Math.round(5/2) 4,向下取整 Math.floor(5/2) Math 对象方法 FF: Firefox, IE: Internet Explorer 方法 描述 FF IE abs(x) 返回数的绝对值。 1 3 acos(x) 返回数的反余弦值。 1 3 asin(x) 返回数的反正弦值...
JavaScript中Math对象方法使用概述
12-12
Math.floor(5/2) Math 对象的方法FF: Firefox, N: Netscape, IE: Internet Explorer 方法 描述 FF N IE abs(x) 返回数的绝对值 1 2 3 acos(x) 返回数的反余弦值 1 2 3 asin(x) 返回数的反正弦值 1 2 3 atan(x) 以...
JavaScript 有用的代码片段和 trick
11-28
浮点数取整 const x = 123.4545; x >> 0; // 123 ~~x; // 123 x | 0;...Math.floor(x);...('000000' + Math.floor(Math.random() * 999999)).slice(-6); // 方法二 Math.random().toString().slice
vue快速入门（四十六）Router的安装与使用
不起眼小菜菜的博客
04-26 415
步骤很详细，直接上教程……
vue echarts 柱状图 堆叠柱状图
Z18834071903的博客
04-26 158
vue echarts 柱状图 堆叠柱状图
vue 实现级联选择器功能
清音的博客
04-22 516
数组包含了级联选择器的数据源，其中每个对象表示一个选项，包括。组件来实现级联选择器功能,下面是一个示例代码，演示如何使用。组件初始化级联选择器，并设置默认值为单位。对象用于指定数据结构中的属性名，以便。上，可以在初始化时选中指定的值。使用 Element UI 的。中设置初始选中值为单位。组件正确地解析数据。
vue3组件 描点定位以及监听滚动切换对应activeTab
最新发布
weixin_41824429的博客
04-26 280
【代码】vue3组件 描点定位以及监听滚动切换对应activeTab。
vue-manage-system 更新，后台管理系统开发更简单
林鑫
04-22 407
近期进行了一次版本升级，主要是支持了更多功能、升级依赖版本和优化样式，并且上线了网站，大部分功能都有文档或者使用示例，更加适合新手上手开发，只需要根据实际业务简单修改，就可以完成产品需求。
function timeToDecimal(time) { var arr = time.split(':'); var hour = parseFloat(arr[0]); var minute = parseFloat(arr[1]); var second = parseFloat(arr[2]); return hour + minute / 60 + second / 3600; } // 将十进制转化成时分秒格式 function decimalToTime(decimal) { var hour = Math.floor(decimal); var minute = Math.floor((decimal - hour) * 60); var second = Math.floor(((decimal - hour) * 60 - minute) * 60); return hour + ':' + minute + ':' + second; }如果分有02，转换回来成立2
06-06
这是因为在使用parseFloat函数时，会自动忽略掉数值前导的0，所以02会被解析为2。可以使用parseInt函数来解决这个问题，例如： ```javascript function timeToDecimal(time) { var arr = time.split(':'); var hour = parseInt(arr[0]); var minute = parseInt(arr[1]); var second = parseInt(arr[2]); return hour + minute / 60 + second / 3600; } function decimalToTime(decimal) { var hour = Math.floor(decimal); var minute = Math.floor((decimal - hour) * 60); var second = Math.floor(((decimal - hour) * 60 - minute) * 60); return hour + ':' + (minute < 10 ? '0' : '') + minute + ':' + (second < 10 ? '0' : '') + second; } var time = '12:02:45'; var decimal = timeToDecimal(time); console.log(decimal); // 输出12.045833333333333 var time2 = decimalToTime(decimal); console.log(time2); // 输出12:02:45 ``` 在转换成时分秒格式时，可以使用三目运算符来判断是否需要在分钟和秒前添加前导0。这样就可以得到正确的结果了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值