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显示下拉列表框内全部元素的方法
Mar 31 Javascript
jQuery插件kinMaxShow扩展效果用法实例
May 04 Javascript
jquery实现顶部向右伸缩的导航区域代码
Sep 02 Javascript
js滑动提示效果代码分享
Mar 10 Javascript
Bootstrap组件(一)之菜单
May 11 Javascript
Javascript基础教程之比较null和undefined值
May 16 Javascript
jQuery.Form实现Ajax上传文件同时设置headers的方法
Jun 26 jQuery
JS 获取文件后缀,判断文件类型(比如是否为图片格式)
May 09 Javascript
解决vue-loader加载不上的问题
Oct 21 Javascript
基于p5.js 2D图像接口的扩展(交互实现)
Nov 30 Javascript
js实现有趣的倒计时效果
Jan 19 Javascript
TS 类型兼容教程示例详解
Sep 23 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
在MongoDB中模拟Auto Increment的php代码
2011/03/06 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(三)
2014/06/23 PHP
php实现遍历多维数组的方法
2015/11/25 PHP
Javascript中正则表达式的全局匹配模式分析
2011/04/26 Javascript
suggestion开发小结以及对键盘事件的总结(针对中文输入法状态)
2011/12/20 Javascript
原生js实现跨浏览器获取鼠标按键的值
2013/04/08 Javascript
NodeJs的优势和适合开发的程序
2016/08/14 NodeJs
详解基于Node.js的微信JS-SDK后端接口实现代码
2017/07/15 Javascript
BootStrap模态框和select2合用时input无法获取焦点的解决方法
2017/09/01 Javascript
JavaScript 中的 this 简单规则
2017/09/19 Javascript
详解js正则表达式验证时间格式xxxx-xx-xx形式
2018/02/09 Javascript
基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能
2019/11/12 Javascript
[58:57]2018DOTA2亚洲邀请赛3月29日小组赛B组 Effect VS VGJ.T
2018/03/30 DOTA
Python中使用logging模块代替print(logging简明指南)
2014/07/09 Python
Python中使用第三方库xlrd来写入Excel文件示例
2015/04/05 Python
python字符串中的单双引
2017/02/16 Python
Python之日期与时间处理模块(date和datetime)
2017/02/16 Python
CentOS中升级Python版本的方法详解
2017/07/10 Python
python SMTP实现发送带附件电子邮件
2018/05/22 Python
对python捕获ctrl+c手工中断程序的两种方法详解
2018/12/26 Python
python 去除二维数组/二维列表中的重复行方法
2019/01/23 Python
python3用PyPDF2解析pdf文件,用正则匹配数据方式
2020/05/12 Python
使用keras和tensorflow保存为可部署的pb格式
2020/05/25 Python
详解css3中dispaly的Grid布局与Flex布局
2020/09/11 HTML / CSS
h5页面唤起app如果没安装就跳转下载(iOS和Android)
2020/06/03 HTML / CSS
美国酒店控股公司:Choice Hotels
2018/06/15 全球购物
什么是View State?
2013/01/27 面试题
大学生学习自我评价
2014/01/13 职场文书
征婚广告词
2014/03/17 职场文书
四群教育工作实施方案
2014/03/26 职场文书
2015年安全生产责任书
2015/01/30 职场文书
销售员自我评价
2015/03/11 职场文书
2015年班干部工作总结
2015/04/29 职场文书
体育教师教学随笔
2015/08/15 职场文书
学生会2016感恩节活动小结
2016/04/01 职场文书
mysql 索引合并的使用
2021/08/30 MySQL