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 19 Javascript
引用 js在IE与FF之间的区别详细解析
Nov 20 Javascript
js生成随机数之random函数随机示例
Dec 20 Javascript
jQuery获取(选中)单选,复选框,下拉框中的值
Feb 21 Javascript
jQuery中:visible选择器用法实例
Dec 30 Javascript
用js编写的简单的计算器代码程序
Aug 04 Javascript
每天一篇javascript学习小结(String对象)
Nov 18 Javascript
jquery及js实现动态加载js文件的方法
Jan 21 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
Oct 17 Javascript
JS匿名函数类生成方式实例分析
Nov 26 Javascript
iview tabs 顶部导航栏和模块切换栏的示例代码
Mar 04 Javascript
Vue实现日历小插件
Jun 26 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写的带缓存数据功能的mysqli类
2012/09/06 PHP
PHP @ at 记号的作用示例介绍
2014/10/10 PHP
javascript实现俄罗斯方块游戏的思路和方法
2015/04/27 Javascript
第六章之辅组类与响应式工具
2016/04/25 Javascript
让你一句话理解闭包(简单易懂)
2016/06/03 Javascript
微信小程序 Buffer缓冲区的详解
2017/07/06 Javascript
Vue2.0设置全局样式(less/sass和css)
2017/11/18 Javascript
IntelliJ IDEA 安装vue开发插件的方法
2017/11/21 Javascript
vue 之 .sync 修饰符示例详解
2018/04/21 Javascript
jQuery+css last-child实现选择最后一个子元素操作示例
2018/12/10 jQuery
详解vue 组件注册
2020/11/20 Vue.js
[01:03]悬念揭晓 11月26日DOTA2完美盛典不见不散
2017/11/23 DOTA
跟老齐学Python之从格式化表达式到方法
2014/09/28 Python
Python捕捉和模拟鼠标事件的方法
2015/06/03 Python
Python实现删除列表中满足一定条件的元素示例
2017/06/12 Python
解决Scrapy安装错误:Microsoft Visual C++ 14.0 is required...
2017/10/01 Python
Flask 让jsonify返回的json串支持中文显示的方法
2018/03/26 Python
python opencv 读取本地视频文件 修改ffmpeg的方法
2019/01/26 Python
python实现五子棋游戏
2019/06/18 Python
Django自定义模板过滤器和标签的实现方法
2019/08/21 Python
python闭包、深浅拷贝、垃圾回收、with语句知识点汇总
2020/03/11 Python
Python包资源下载路径报404解决方案
2020/11/05 Python
python调用百度API实现人脸识别
2020/11/17 Python
详解java调用python的几种用法(看这篇就够了)
2020/12/10 Python
Django+Django-Celery+Celery的整合实战
2021/01/20 Python
HTML5全屏(Fullscreen)API详细介绍
2015/04/24 HTML / CSS
美国优质马术服装购买网站:Breeches.com
2019/12/16 全球购物
材料物理专业大学毕业生求职信
2013/10/15 职场文书
《最大的麦穗》教学反思
2014/04/17 职场文书
文明市民先进事迹
2014/05/15 职场文书
4s店销售经理岗位职责
2014/07/19 职场文书
2015年秋季小学开学典礼主持词
2015/07/16 职场文书
如何利用Matlab制作一款真正的拼图小游戏
2021/05/11 Python
MySQL EXPLAIN输出列的详细解释
2021/05/12 MySQL
微软Win11什么功能最惊艳? Windows11新功能特性汇总
2021/11/21 数码科技
nginx 添加http_stub_status_module模块
2022/05/25 Servers