JS操作字符串转数字的常见方法示例

更新时间：2019年10月29日 11:37:04 作者：xuexuan_050848

这篇文章主要介绍了JS操作字符串转数字的常见方法,结合实例形式分析了javascript字符串类型转换的常用方法及相关操作技巧,需要的朋友可以参考下

本文实例讲述了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.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容还可查看本站专题：《JavaScript字符与字符串操作技巧总结》、《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

Bootstrap每天必学之按钮
Bootstrap每天必学之按钮组工具栏，本文讲解的就是大家最为常用的按钮组工具栏，感兴趣的小伙伴们可以参考一下
2015-11-11
js实现小窗口拖拽效果
这篇文章主要为大家详细介绍了js实现小窗口拖拽效果,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
js实现限定范围拖拽的示例
这篇文章主要介绍了js实现限定范围拖拽的示例，帮助大家更好的制作js特效，美化自己的网页，感兴趣的朋友可以了解下
2020-10-10
JS版图片放大镜效果
这篇文章主要为大家详细介绍了JS版的图片放大镜效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-09-09
JS数组去重（4种方法）
本文主要介绍了JS数组去重的4种方法。具有很好的参考价值。下面跟着小编一起来看下吧
2017-03-03
无编译/无服务器实现浏览器的CommonJS模块化
这篇文章主要介绍了无编译/无服务器实现浏览器的CommonJS模块化，对模块化感兴趣的同学，可以参考下
2021-05-05
JavaScript常见手写题超全汇总
作为前端开发,JS是重中之重,下面这篇文章主要给大家介绍了关于JavaScript常见手写题的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-12-12
关于layui时间回显问题的解决方法
今天小编就为大家分享一篇关于layui时间回显问题的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
如何利用JS判断整数x是否是回文数
回文数是指正序（从左向右）和倒序（从右向左）读都是一样的整数,下面这篇文章主要给大家介绍了关于如何利用JS判断整数x是否是回文数的相关资料,需要的朋友可以参考下
2022-01-01
我也种棵OO树JXTree[js+css+xml]
我也种棵OO树JXTree[js+css+xml]...
2007-04-04