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 相关文章推荐
浏览器的JavaScript引擎的识别方法
Oct 20 Javascript
js实现鼠标触发图片抖动效果的方法
Feb 27 Javascript
js实现图片点击左右轮播
Jul 08 Javascript
javascript生成随机数方法汇总
Nov 12 Javascript
jQuery实现鼠标选文字发新浪微博的方法
Apr 02 Javascript
JavaScript trim 实现去除字符串首尾指定字符的简单方法
Dec 27 Javascript
从零学习node.js之搭建http服务器(二)
Feb 21 Javascript
angularjs过滤器--filter与ng-repeat配合有奇效
Apr 20 Javascript
详谈js原型继承的一些问题
Sep 06 Javascript
react配置antd按需加载的使用
Feb 11 Javascript
抖音上用记事本编写爱心小程序教程
Apr 17 Javascript
浅析vue-router实现原理及两种模式
Feb 11 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
php的urlencode()URL编码函数浅析
2011/08/09 PHP
php 在线导入mysql大数据程序
2015/06/11 PHP
PHP _construct()函数讲解
2019/02/03 PHP
javascript新手语法小结
2008/06/15 Javascript
jquery.gridrotator实现响应式图片展示画廊效果
2015/06/23 Javascript
详解Node.js模块间共享数据库连接的方法
2016/05/24 Javascript
jQuery基于ajax操作json数据简单示例
2017/01/05 Javascript
JavaScript使用readAsDataUrl方法预览图片
2017/05/10 Javascript
bootstrap paginator分页插件的两种使用方式实例详解
2017/11/14 Javascript
fullpage.js最后一屏滚动方式
2018/02/06 Javascript
微信小程序url传参写变量的方法
2018/08/09 Javascript
jQuery滑动效果实现方法分析
2018/09/05 jQuery
浅谈Vue数据响应
2018/11/05 Javascript
JS实现图片拖拽交换效果
2018/11/30 Javascript
JavaScript常见鼠标事件与用法分析
2019/01/03 Javascript
vue-cli 3.x配置跨域代理的实现方法
2019/04/12 Javascript
React优化子组件render的使用
2019/05/12 Javascript
Express结合Webpack的全栈自动刷新
2019/05/23 Javascript
js中值引用和地址引用实例分析
2019/06/21 Javascript
javascript面向对象三大特征之继承实例详解
2019/07/24 Javascript
解决vue-cli 打包后自定义动画未执行的问题
2019/11/12 Javascript
在vue中使用Base64转码的案例
2020/08/07 Javascript
[50:04]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第二局
2016/02/28 DOTA
利用Python检测URL状态
2019/07/31 Python
python中eval与int的区别浅析
2019/08/11 Python
Python实现子类调用父类的初始化实例
2020/03/12 Python
大都会艺术博物馆商店:The Met Store
2018/06/22 全球购物
德国大型和小型家用电器网上商店:Energeto
2019/05/15 全球购物
应付会计岗位职责
2013/12/12 职场文书
学年末自我鉴定
2014/01/21 职场文书
毕业生写求职信的要点
2014/03/04 职场文书
电大毕业个人生自我鉴定
2014/03/26 职场文书
助人为乐道德模范事迹材料
2014/08/16 职场文书
2014高中生入党思想汇报范文
2014/09/13 职场文书
山楂树之恋观后感
2015/06/11 职场文书
幼儿园中班教育随笔
2015/08/14 职场文书