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+DIV自定义滚动条样式的具体实现
Jun 25 Javascript
js中的异常处理try...catch使用介绍
Sep 21 Javascript
使用iframe window的scroll方法控制iframe页面滚动
Mar 05 Javascript
js中的hasOwnProperty和isPrototypeOf方法使用实例
Jun 06 Javascript
JavaScript中发布/订阅模式的简单实例
Nov 05 Javascript
浅谈下拉菜单中的Option对象
May 10 Javascript
Bootstrap表单布局
Jul 19 Javascript
JavaScript中数组的各种操作的总结(必看篇)
Feb 13 Javascript
JavaScript变量提升和严格模式实例分析
Jan 27 Javascript
vue.js 2.*项目环境搭建、运行、打包发布的详细步骤
May 01 Javascript
jQuery实现获取多选框的值示例
Feb 07 jQuery
vue+element实现动态加载表单
Dec 13 Vue.js
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
把77A收信机改造成收音机
2021/03/02 无线电
PHP遍历数组的几种方法
2012/03/22 PHP
PHP和C#可共用的可逆加密算法详解
2015/10/26 PHP
javascript 最常用的10个自定义函数[推荐]
2009/12/26 Javascript
FireFox下XML对象转化成字符串的解决方法
2011/12/09 Javascript
javascript验证只能输入数字和一个小数点示例
2013/10/21 Javascript
用队列模拟jquery的动画算法实例
2015/01/20 Javascript
解决bootstrap导航栏navbar在IE8上存在缺陷的方法
2016/07/01 Javascript
Vue获取DOM元素样式和样式更改示例
2017/03/07 Javascript
为vue-router懒加载时下载js的过程中添加loading提示避免无响应问题
2018/04/03 Javascript
vue计算属性和监听器实例解析
2018/05/10 Javascript
基于AngularJs select绑定数字类型的问题
2018/10/08 Javascript
el-select数据过多懒加载的解决(loadmore)
2019/05/29 Javascript
vue中后端做Excel导出功能返回数据流前端的处理操作
2020/09/08 Javascript
vue 项目引入echarts 添加点击事件操作
2020/09/09 Javascript
vscode+gulp轻松开发小程序的完整步骤
2020/10/18 Javascript
解决vuex改变了state的值,但是页面没有更新的问题
2020/11/12 Javascript
微信小程序向Java后台传输参数的方法实现
2020/12/10 Javascript
[05:08]顺网杯ISS-DOTA2赛歌 少女偶像Lunar青春演绎
2013/12/05 DOTA
[38:21]2014 DOTA2国际邀请赛中国区预选赛5.21 TongFu VS LGD-CDEC
2014/05/22 DOTA
放弃 Python 转向 Go语言有人给出了 9 大理由
2017/10/20 Python
Python中安装easy_install的方法
2018/11/18 Python
python画微信表情符的实例代码
2019/10/09 Python
python实现复制文件到指定目录
2019/10/16 Python
python实现画循环圆
2019/11/23 Python
Python Selenium参数配置方法解析
2020/01/19 Python
python实现图像高斯金字塔的示例代码
2020/12/11 Python
会计实习自我鉴定
2013/12/04 职场文书
护士岗前培训自我评鉴
2014/02/28 职场文书
简历中个人自我评价分享
2014/03/15 职场文书
公司授权委托书范本
2014/04/03 职场文书
2014年小学重阳节活动策划方案
2014/09/16 职场文书
司法工作人员群众路线对照检查材料思想汇报
2014/09/30 职场文书
公务员年度考核个人总结
2015/02/12 职场文书
2015年精神文明建设工作总结
2015/04/21 职场文书
2016大学生党校学习心得体会
2016/01/06 职场文书