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 相关文章推荐
TinyMCE 新增本地图片上传功能
Nov 05 Javascript
js获取html文件的思路及示例
Sep 17 Javascript
JS阻止用户多次提交示例代码
Mar 26 Javascript
jQuery使用each方法与for语句遍历数组示例
Jun 16 Javascript
easyui中combotree循环获取父节点至根节点并输出路径实现方法
Nov 10 Javascript
详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
Jan 10 Javascript
微信小程序 常见问题总结(4058,40013)及解决办法
Jan 11 Javascript
原生JS实现图片网格式渐显、渐隐效果
Jun 05 Javascript
前端主流框架vue学习笔记第二篇
Jul 26 Javascript
vue-cli整合vuex的时候,修改actions和mutations,实现热部署的方法
Sep 19 Javascript
深入理解vue中的slot与slot-scope
Apr 22 Javascript
js设计模式之单例模式原理与用法详解
Aug 15 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
使用apache模块rewrite_module (转)
2007/02/14 PHP
dedecms中常见问题修改方法总结
2007/03/21 PHP
PHP 文件上传源码分析(RFC1867)
2009/10/30 PHP
php 缩略图实现函数代码
2011/06/23 PHP
PHP实现浏览器格式化显示XML的方法示例
2019/01/22 PHP
php-fpm重启导致的程序执行中断问题详解
2019/04/29 PHP
window.onload 加载完毕的问题及解决方案(上)
2009/07/09 Javascript
获取网站跟路径的javascript代码(站点及虚拟目录)
2009/10/20 Javascript
基于node.js的快速开发透明代理
2010/12/25 Javascript
编写js扩展方法判断一个数组中是否包含某个元素
2013/11/08 Javascript
关于jquery中全局函数each使用介绍
2013/12/10 Javascript
JavaScript用Number方法实现string转int
2014/05/13 Javascript
JavaScript实现找出字符串中第一个不重复的字符
2014/09/03 Javascript
javascript实现在指定元素中垂直水平居中
2015/09/13 Javascript
Vue.js实现的表格增加删除demo示例
2018/05/22 Javascript
CKeditor4 字体颜色功能配置方法教程
2019/06/26 Javascript
微信小程序学习总结(四)事件与冒泡实例分析
2020/06/04 Javascript
vue 在methods中调用mounted的实现操作
2020/08/07 Javascript
Java 生成随机字符的示例代码
2021/01/13 Javascript
Python中用函数作为返回值和实现闭包的教程
2015/04/27 Python
PyTorch实现ResNet50、ResNet101和ResNet152示例
2020/01/14 Python
python的help函数如何使用
2020/06/11 Python
python openCV实现摄像头获取人脸图片
2020/08/20 Python
Python3+SQLAlchemy+Sqlite3实现ORM教程
2021/02/16 Python
matplotlib部件之套索Lasso的使用
2021/02/24 Python
HTML5新增元素如何兼容旧浏览器有哪些方法
2014/05/09 HTML / CSS
canvas 绘图时位置偏离的问题解决
2020/09/16 HTML / CSS
Omio荷兰:预订火车、巴士和机票
2018/11/04 全球购物
美国球迷装备的第一来源:FOCO
2020/07/03 全球购物
数控技术与应用毕业生自荐信
2013/09/24 职场文书
汽车检测与维修个人求职信
2013/09/24 职场文书
计算机软件专业求职信
2014/06/10 职场文书
四风问题查摆材料
2014/08/25 职场文书
2014年小学生迎国庆65周年演讲稿
2014/09/27 职场文书
会计入职心得体会
2016/01/22 职场文书
MySQL的表级锁,行级锁,排它锁和共享锁
2022/07/15 MySQL