浅谈JS中的parseint方法使用技巧
Admin 2021-09-07 群英技术资讯 1311 次浏览
这篇文章主要给大家分享JS中的parseint方法使用技巧,JavaScript中的parseInt()的妙用一些朋友可以可能不知道,因此下文就分享给大家做个参考,接下来我们一起了解一下吧。
写这篇博客的起因是今天在刷leetcode的每日一题,是一道字符串转换整数 (atoi)的题,感兴趣的话可以点击题目名称去看一下具体描述。在我多次debug终于成功提交之后,去评论区看了一下大佬们的解题思路,看完之后不禁感叹javascript中原来parseInt( )已经这么优秀了啊。这告诉我了一个道理,我们自认为再熟悉不过的api,可能我们并没有真正意义上的掌握。”
/**
* @param {string} str
* @return {number}
*/
var myAtoi = function(str) {
str = str.trim();
//截取字符串第一个字符
var firstChar = str.charAt(),res = '',regSymbol = /^[\-\+]{1}/,regNumber = /^[0-9]{1}/;
if(!regSymbol.test(firstChar) && !regNumber.test(firstChar)){
return 0;
}
//第一个字符为+或者-
if(regSymbol.test(firstChar)){
var sliceStr = str.slice(1,str.length);
for(var i=0;i<sliceStr.length;i++){
if(regNumber.test(sliceStr.charAt(i))){
res += sliceStr.charAt(i);
}else{
break;
}
}
(res.length) ? res = parseInt(firstChar + res) : res = 0;
if(firstChar == '-' && res < Math.pow(-2,31)){
res = Math.pow(-2,31);
}
if(firstChar == '+' && res > Math.pow(2,31) - 1){
res = Math.pow(2,31) - 1;
}
return res;
}
//第一个字符为数字
if(regNumber.test(firstChar)){
var sliceStr = str;
for(var i=0;i<sliceStr.length;i++){
if(regNumber.test(sliceStr.charAt(i))){
res += sliceStr.charAt(i);
}else{
break;
}
}
if(parseInt(res) > Math.pow(2,31) - 1){
res = Math.pow(2,31) - 1;
}
return res;
}
};
/**
* @param {string} str
* @return {number}
*/
var myAtoi = function(str) {
const number = parseInt(str, 10);
if(isNaN(number)) {
return 0;
} else if (number < Math.pow(-2, 31) || number > Math.pow(2, 31) - 1) {
return number < Math.pow(-2, 31) ? Math.pow(-2, 31) : Math.pow(2, 31) - 1;
} else {
return number;
}
};
通过对比,我们了解到javascript中的parseInt()已经做了截取空字符串、首字母判断、number类型结果返回等一系列操作。刚好与今天的每日一题的需求完美契合,使用parseInt()来解决这个题目简直不要太爽。
以上就是关于js中的parseint方法使用的相关介绍,有需要的朋友可以参考上述代码,希望对大家学习JavaScript有帮助,想要了解更多请搜索群英网络以前的文章或继续浏览其他相关的文章。
文本转载自脚本之家
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
vue可拖拽进度条效果如何实现?进度条是在web开发中经常会遇到的需求,那么可拖拽的进度条效果是如何实现的呢?这篇文章就给大家分享一下vue实现简单可拖拽进度条效果的代码实例。
在jquery中,可以利用one()函数让方法只触发一次,当使用该函数时,每个元素只能运行一次事件处理方法,语法为“元素对象.one("事件",事件处理方法);”。
这篇文章主要介绍了如何在React中直接使用Redux,目前redux在react中使用是最多的,所以我们需要将之前编写的redux代码,融入到react当中去,本文给大家详细讲解,需要的朋友可以参考下
这篇文章主要介绍了vue使用echarts画组织结构图的示例,帮助大家更好的理解和使用vue框架,感兴趣的朋友可以了解下
这篇文章给大家分享的是用JS怎样实现魔方动态转换的效果,实现效果及代码如下,是一种酷炫的展示效果,文中的示例代码介绍得很详细,有需要的朋友可以参考,接下来就跟随小编一起了解看看吧。
成为群英会员,开启智能安全云计算之旅
立即注册关注或联系群英网络
7x24小时售前:400-678-4567
7x24小时售后:0668-2555666
24小时QQ客服
群英微信公众号
CNNIC域名投诉举报处理平台
服务电话:010-58813000
服务邮箱:service@cnnic.cn
投诉与建议:0668-2555555
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 ICP核准(ICP备案)粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008