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获取QueryString的方法小结
Feb 28 Javascript
禁止空格提交表单的js代码
Nov 17 Javascript
Jquery 切换不同图片示例代码
Dec 05 Javascript
原生javascript实现图片弹窗交互效果
Jan 12 Javascript
一道JS前端闭包面试题解析
Dec 25 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
May 03 Javascript
浅谈js中子页面父页面方法 变量相互调用
Aug 04 Javascript
jQuery网页定位导航特效实现方法
Dec 19 Javascript
微信小程序(六):列表上拉加载下拉刷新示例
Jan 13 Javascript
vue+swiper实现组件化开发的实例代码
Oct 26 Javascript
Vue-CLI 3 scp2自动部署项目至服务器的方法
Jul 24 Javascript
jQuery实现全选按钮
Jan 01 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
全国FM电台频率大全 - 7 吉林省
2020/03/11 无线电
2.PHP入门
2006/10/09 PHP
简体中文转换为繁体中文的PHP函数
2006/10/09 PHP
PHP以指定字段为索引返回数据库所取的数据数组
2013/06/30 PHP
PHP经典面试题集锦
2015/03/19 PHP
thinkPHP中U方法加密传递参数功能示例
2018/05/29 PHP
PHP实现微信申请退款功能
2018/10/01 PHP
ExtJS下grid的一些属性说明
2009/12/13 Javascript
不同浏览器的怪癖小结
2010/07/11 Javascript
js中iframe调用父页面的方法
2014/10/30 Javascript
javascript感应鼠标图片透明度显示的方法
2015/02/24 Javascript
JS实现光滑展开合拢的菜单效果代码
2015/09/16 Javascript
利用transition实现文字上下抖动的效果
2017/01/21 Javascript
JavaScript实现移动端轮播效果
2017/06/06 Javascript
jQuery动态添加.active 实现导航效果代码思路详解
2017/08/29 jQuery
对类Vue的MVVM前端库的实现代码
2018/09/07 Javascript
详解简单易懂的 ES6 Iterators 指南和示例
2019/09/24 Javascript
微信小程序实现拖拽功能
2019/09/26 Javascript
angula中使用iframe点击后不执行变更检测的问题
2020/05/10 Javascript
使用JavaScript获取Django模板指定键值数据
2020/05/27 Javascript
vue-cli脚手架的.babelrc文件用法说明
2020/09/11 Javascript
Vue实现点击当前行变色
2020/12/14 Vue.js
[01:12:27]EG vs Secret 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
python读写ini文件示例(python读写文件)
2014/03/25 Python
简单使用Python自动生成文章
2014/12/25 Python
Python版微信红包分配算法
2015/05/04 Python
python3 爬取图片的实例代码
2018/11/06 Python
python实现给scatter设置颜色渐变条colorbar的方法
2018/12/13 Python
spark dataframe 将一列展开,把该列所有值都变成新列的方法
2019/01/29 Python
tensorflow 2.0模式下训练的模型转成 tf1.x 版本的pb模型实例
2020/06/22 Python
python爬虫爬取网页数据并解析数据
2020/09/18 Python
Talbots官网:美国成熟女装品牌
2019/11/15 全球购物
运动会表扬稿大全
2014/01/16 职场文书
廉洁自律承诺书范文
2015/04/28 职场文书
在职证明范本
2015/06/15 职场文书
Python实现聚类K-means算法详解
2022/07/15 Python