JavaScript字符串转数字的三种实现方式详解

JavaScript字符串转数字概述

本文详细介绍在JavaScript中实现字符串到数字转换的几种常用方案，供读者参考学习。

在JavaScript语言中，将字符串转换为数字主要包含以下三种途径。

使用内置转换函数

第一种方案：使用内置转换函数

JavaScript引擎内置了两个专门用于类型转换的函数。

• parseInt()：用于解析并返回整数值。
• parseFloat()：用于解析并返回浮点数值。

上述两个函数仅对String类型有效；若传入其他数据类型，结果均为NaN（Not a Number）。

parseInt("123abc");// 123
parseInt("oxA");// 10
parseInt("22.0");// 22
parseInt("abc");// NaN

强制类型转换函数

第二种方案：强制类型转换函数

ECMAScript规范定义了三个用于强制类型转换的全局函数。

• Boolean(value)：将指定值转换为布尔类型。
• Number(value)：将指定值转换为数字（包含整数或浮点数）。
• String(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"

利用弱类型特性转换

第三种方案：利用JavaScript的弱类型特性进行隐式转换

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程序设计有所帮助。