JS操作字符串转数字的常见方法示例


Posted in Javascript onOctober 29, 2019

本文实例讲述了JS操作字符串转数字的常见方法。分享给大家供大家参考,具体如下:

JS中字符串转数字共三种方法

一、转换函数

JS提供了两个转换函数

  • parseInt() 换成整数
  • parseFloat()转换成浮点数

以上两个方法只针对String类型;对其他类型返回的都是NaN(Not a Number)

parseInt("123abc");// 123
parseInt("oxA");// 10
parseInt("22.0");// 22
parseInt("abc");// NaN

二、强制类型转换

ECMAScript提供了三种强制类型转换函数

  • Boolean(value) 把value转换成Boolean类型
  • Number(value) 把value转换成数字(整数或浮点数)
  • String(value) 把value转换成字符串
Boolean(""); //false ? empty string
Boolean("hi"); //true ? non-empty string
Boolean(100); //true ? non-zero number
Boolean(null); //false - null
Boolean(0); //false - zero
Boolean(new Object()); //true ? object
Number(false) // 0
Number(true) // 1
Number(undefined) // NaN
Number(null) // 0
Number( "5.5 ") // 5.5 注意与parseInt()的区别
Number( "56 ") // 56
Number( "5.6.7 ") // NaN
Number(new Object()) // NaN
Number(100) // 100
var str = String(null); // "null"

三、利用JS弱类型转换

var str = "0123";
var x = str-0;// 利用js弱类型,只进行算术运算,实现字符串到数字的转换。不推荐使用

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容还可查看本站专题:《JavaScript字符与字符串操作技巧总结》、《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
使用jQuery实现星级评分代码分享
Dec 09 Javascript
js实现鼠标经过时图片滚动停止的方法
Feb 16 Javascript
深入理解JavaScript中的箭头函数
Jul 28 Javascript
jQuery中通过ajax调用webservice传递数组参数的问题实例详解
May 20 Javascript
Ajax实现不刷新取最新商品
Mar 01 Javascript
详解在vue-cli项目中安装node-sass
Jun 21 Javascript
安装vue-cli报错 -4058 的解决方法
Oct 19 Javascript
微信小程序dom操作的替代思路实例分析
Dec 06 Javascript
微信小程序实现购物页面左右联动
Feb 15 Javascript
微信小程序websocket实现即时聊天功能
May 21 Javascript
Handtrack.js库实现实时监测手部运动(推荐)
Feb 08 Javascript
React自定义hook的方法
Jun 25 Javascript
Vue axios 将传递的json数据转为form data的例子
Oct 29 #Javascript
详解Vue 项目中的几个实用组件(ts)
Oct 29 #Javascript
JS操作json对象key、value的常用方法分析
Oct 29 #Javascript
JQuery 实现文件下载的常用方法分析
Oct 29 #jQuery
Vue 设置axios请求格式为form-data的操作步骤
Oct 29 #Javascript
js单线程的本质 Event Loop解析
Oct 29 #Javascript
解决axios post 后端无法接收数据的问题
Oct 29 #Javascript
You might like
支持php4、php5的mysql数据库操作类
2008/01/10 PHP
PHP实现加强版加密解密类实例
2015/07/29 PHP
thinkphp3.x中cookie方法的用法分析
2016/05/19 PHP
php使用include 和require引入文件的区别
2017/02/16 PHP
PHP实现的杨辉三角求解算法分析
2019/03/11 PHP
超清晰的document对象详解
2007/02/27 Javascript
基于jquery的一个OutlookBar类,动态创建导航条
2010/11/19 Javascript
js 实现在离开页面时提醒未保存的信息(减少用户重复操作)
2013/01/16 Javascript
Jquery实现视频播放页面的关灯开灯效果
2013/05/27 Javascript
js取值中form.all和不加all的区别介绍
2014/01/20 Javascript
用JavaScript实现一个代码简洁、逻辑不复杂的多级树
2014/05/23 Javascript
jQuery插件imgPreviewQs实现上传图片预览
2016/01/15 Javascript
jQuery 遍历map()方法详解
2016/11/04 Javascript
vue.js 获取当前自定义属性值
2017/06/01 Javascript
前端主流框架vue学习笔记第二篇
2017/07/26 Javascript
使用JavaScript破解web
2018/09/28 Javascript
python通过exifread模块获得图片exif信息的方法
2015/03/16 Python
从请求到响应过程中django都做了哪些处理
2018/08/01 Python
解决pycharm 安装numpy失败的问题
2019/12/05 Python
关于python的缩进规则的知识点详解
2020/06/22 Python
python打开文件的方式有哪些
2020/06/29 Python
Python如何发送与接收大型数组
2020/08/07 Python
基于html和CSS3制作酷炫的导航栏
2015/09/23 HTML / CSS
使用spring mvc+localResizeIMG实现HTML5端图片压缩上传的功能
2016/12/16 HTML / CSS
Jeep牧马人、切诺基和自由人零配件:4 Wheel Drive Hardware
2017/07/02 全球购物
SmartBuyGlasses意大利:购买太阳镜、眼镜和隐形眼镜
2018/11/20 全球购物
北大研究生linux应用求职信
2013/10/29 职场文书
大学生水果店创业计划书
2014/01/28 职场文书
社会实践活动总结报告
2014/04/29 职场文书
关于旅游的活动方案
2014/08/15 职场文书
节约每一滴水演讲稿
2014/09/09 职场文书
法英专业大学生职业生涯规划范文:衡外情,量己力!
2014/09/23 职场文书
单位同意报考证明
2015/06/17 职场文书
微信小程序实现录音Record功能
2021/05/09 Javascript
ConstraintValidator类如何实现自定义注解校验前端传参
2021/06/18 Java/Android
Android Flutter实现图片滑动切换效果
2022/04/07 Java/Android