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 相关文章推荐
js css样式操作代码(批量操作)
Oct 09 Javascript
javascript使用activex控件的代码
Jan 27 Javascript
JQuery实现简单时尚快捷的气泡提示插件
Dec 20 Javascript
分享网页检测摇一摇实例代码
Jan 14 Javascript
JS基于ocanvas插件实现的简单画板效果代码(附demo源码下载)
Apr 05 Javascript
JavaScript中instanceof运算符的使用示例
Jun 08 Javascript
jQuery Easyui datagrid editor为combobox时指定数据源实例
Dec 19 Javascript
jQuery validate 验证radio实例
Mar 01 Javascript
Element-ui table中过滤条件变更表格内容的方法
Mar 02 Javascript
简单明了区分escape、encodeURI和encodeURIComponent
May 26 Javascript
微信小程序实现顶部导航特效
Jan 28 Javascript
jQuery轮播图功能制作方法详解
Dec 03 jQuery
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
Android ProgressBar进度条和ProgressDialog进度框的展示DEMO
2013/06/19 PHP
PHP使用range协议实现输出文件断点续传代码实例
2014/07/04 PHP
php返回字符串中所有单词的方法
2015/03/09 PHP
php实现数组按指定KEY排序的方法
2015/03/30 PHP
PHP读取CSV大文件导入数据库的实例
2017/07/24 PHP
浅谈Yii乐观锁的使用及原理
2017/07/25 PHP
JS+CSS实现仿msn风格选项卡效果代码
2015/10/22 Javascript
JQuery validate插件验证用户注册信息
2016/05/11 Javascript
AngularJs html compiler详解及示例代码
2016/09/01 Javascript
详细讲解JavaScript中的this绑定
2016/10/10 Javascript
如何利用@angular/cli V6.0直接开发PWA应用详解
2018/05/06 Javascript
详解react阻止无效重渲染的多种方式
2018/12/11 Javascript
bootstrap中的导航条实例代码详解
2019/05/20 Javascript
nodemon实现Typescript项目热更新的示例代码
2019/11/19 Javascript
jquery实现商品sku多属性选择功能(商品详情页)
2019/12/20 jQuery
JavaScript canvas实现雨滴特效
2021/01/10 Javascript
Python简单的制作图片验证码实例
2017/05/31 Python
python实现协同过滤推荐算法完整代码示例
2017/12/15 Python
Python处理session的方法整理
2019/08/29 Python
Matplotlib scatter绘制散点图的方法实现
2020/01/02 Python
Python基于xlrd模块处理合并单元格
2020/07/28 Python
HTML5中判断用户是否正在浏览页面的方法
2014/05/03 HTML / CSS
使用iframe+postMessage实现页面跨域通信的示例代码
2020/01/14 HTML / CSS
猫咪家具:CatsPlay
2018/11/03 全球购物
Martinelli官方商店:西班牙皮鞋和高跟鞋品牌
2019/07/30 全球购物
中专毕业生求职简历的自我评价
2013/10/21 职场文书
初中三好学生事迹材料
2014/01/13 职场文书
保险公司晨会主持词
2014/03/22 职场文书
村干部承诺书
2014/03/28 职场文书
三月学雷锋月活动总结
2014/04/28 职场文书
5.12护士节演讲稿
2014/04/30 职场文书
机械系毕业生求职信
2014/05/28 职场文书
学习十八大宣传标语
2014/10/09 职场文书
2015年大学辅导员工作总结
2015/05/12 职场文书
Nginx+SpringBoot实现负载均衡的示例
2021/03/31 Servers
python开发制作好看的时钟效果
2022/05/02 Python