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获取css z-index在各种浏览器中的返回值
Sep 15 Javascript
js下通过prototype扩展实现indexOf的代码
Dec 08 Javascript
js通过googleAIP翻译PHP系统的语言配置的实现代码
Oct 17 Javascript
巧用jquery解决下拉菜单被Div遮挡的相关问题
Feb 13 Javascript
jQuery中选择器的基础使用教程
May 23 Javascript
javascript用正则表达式过滤空格的实现代码
Jun 14 Javascript
关于JavaScript的单双引号嵌套问题
Aug 20 Javascript
微信小程序实现的动态设置导航栏标题功能示例
Jan 31 Javascript
在vue项目中引入vue-beauty操作方法
Feb 11 Javascript
详解bootstrap-fileinput文件上传控件的亲身实践
Mar 21 Javascript
小程序的上传文件接口的注意要点解析
Sep 17 Javascript
jquery插件实现代码雨特效
Apr 24 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
我的群发邮件程序
2006/10/09 PHP
Windows下利用Gvim写PHP产生中文乱码问题解决方法
2011/04/20 PHP
php选择排序法实现数组排序实例分析
2015/02/16 PHP
php计算税后工资的方法
2015/07/28 PHP
浅谈ThinkPHP5.0版本和ThinkPHP3.2版本的区别
2017/06/17 PHP
Laravel5.7框架安装与使用学习笔记图文详解
2019/04/02 PHP
权威JavaScript 中的内存泄露模式
2007/08/13 Javascript
jquery ajax,ashx,json的用法总结
2014/02/12 Javascript
让angularjs支持浏览器自动填表
2014/11/10 Javascript
c#程序员对TypeScript的认识过程
2015/06/19 Javascript
JavaScript判断undefined类型的正确方法
2015/06/30 Javascript
javascript中SetInterval与setTimeout的定时器用法
2015/08/24 Javascript
JQuery遍历元素的后代和同胞实现方法
2016/09/18 Javascript
Vue入门之animate过渡动画效果
2018/04/08 Javascript
vee-validate vue 2.0自定义表单验证的实例
2018/08/28 Javascript
JS获取并处理php数组的方法实例分析
2018/09/04 Javascript
Vue 中使用 typescript的方法详解
2020/02/17 Javascript
[01:03:42]VP vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python函数式编程指南(四):生成器详解
2015/06/24 Python
python开发之thread线程基础实例入门
2015/11/11 Python
Python变量和字符串详解
2017/04/29 Python
linux查找当前python解释器的位置方法
2019/02/20 Python
计算机二级python学习教程(3) python语言基本数据类型
2019/05/16 Python
python远程邮件控制电脑升级版
2019/05/23 Python
详解css3中 text-fill-color属性
2019/07/08 HTML / CSS
八年级英语教学反思
2014/01/09 职场文书
质检部经理岗位职责
2014/02/19 职场文书
个人主要事迹材料
2014/08/26 职场文书
计算机科学与技术专业求职信
2014/09/03 职场文书
社保代办委托书怎么写
2014/10/06 职场文书
项目安全员岗位职责
2015/02/15 职场文书
保卫工作个人总结
2015/03/03 职场文书
素质拓展训练感想
2015/08/07 职场文书
参加招聘会后的感想
2015/08/10 职场文书
Go中的条件语句Switch示例详解
2021/08/23 Golang
python获取带有返回值的多线程
2022/05/02 Python