JS 字符串转换成数字的三种方法

方法主要有三种：

转换函数、强制类型转换、js变量弱类型转换
1. 转换函数：

js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是NaN(Not a Number)。如下示例：

 parseInt("1234blue"); //returns 1234parseInt("0xA"); //returns 10parseInt("22.5"); //returns 22parseInt("blue"); //returns NaN

parseInt()方法还有基模式，可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。基是由parseInt()方法的第二个参数指定的。如下示例：

    parseInt("AF", 16); //returns 175parseInt("10", 2); //returns 2parseInt("10", 8); //returns 8parseInt("10", 10); //returns 10

如果十进制数包含前导0，那么最好采用基数10，这样才不会意外地得到八进制的值。如下示例：

    parseInt("010"); //returns 8parseInt("010", 8); //returns 8parseInt("010", 10); //returns 10

parseFloat()方法与parseInt()方法的处理方式相似。
使用parseFloat()方法的另一不同之处在于，字符串必须以十进制形式表示浮点数，parseFloat()没有基模式。

下面是使用parseFloat()方法的示例：

    parseFloat("1234blue"); //returns 1234.0parseFloat("0xA"); //returns NaNparseFloat("22.5"); //returns 22.5parseFloat("22.34.5"); //returns 22.34parseFloat("0908"); //returns 908parseFloat("blue"); //returns NaN

2. 强制类型转换

使用强制类型转换（type casting）处理转换值的类型。
使用强制类型转换可以访问特定的值，即使它是另一种类型的。

ECMAScript中可用的3种强制类型转换如下：
Boolean(value)——把给定的值转换成Boolean型；
Number(value)——把给定的值转换成数字（可以是整数或浮点数）；
String(value)——把给定的值转换成字符串。
用这三个函数之一转换值，将创建一个新值，存放由原始值直接转换成的值。这会造成意想不到的后果。
当要转换的值是至少有一个字符的字符串、非0数字或对象时，Boolean()函数将返回true。如果该值是空字符串、数字0、undefined或null，它将返回false。

可以用下面的代码段测试Boolean型的强制类型转换：

    Boolean(""); //false – empty stringBoolean("hi"); //true – non-empty stringBoolean(100); //true – non-zero numberBoolean(null); //false - nullBoolean(0); //false - zeroBoolean(new Object()); //true – object

Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似，只是它转换的是整个值，而不是部分值。如下示例：

    Number(false); //0Number(true); //1Number(undefined); //NaNNumber(null); //0Number( "5.5 "); //5.5Number( "56 "); //56Number( "5.6.7 "); //NaNNumber(new Object()); //NaNNumber(100); //100

强制类型转换方法String()是最简单的，如下示例：

    var s1 = String(null); //"null"var oNull = null;var s2 = oNull.toString(); //won't work, causes an error

3. 利用js变量弱类型转换

举个例子，一看就懂。如下示例：

    var str= '012.345 ';var x = str-0;x = x*1;

原文链接：https://blog.csdn.net/GrootBaby/article/details/83745030

JS 字符串转换成数字的三种方法相关推荐

js 字符串转换成数字的三种方法
在js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9 ,那么a.value要小于b.value,因为他们都是字符串形 ...
微信小程序之js 字符串转换成数字的三种方法, 取float型小数点后两位数的方法
在js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9 ,那么a.value要小于b.value,因为他们都是字符串形 ...
html把字符串转换成数字,js字符串转换成数字的三种方法
在js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9 ,那么a.value要小于b.value,因为他们都是字符串形 ...
JS字符串转换成数字的三种经典方法和代码实例
1. 转换函数: js提供了parseInt()和parseFloat()两个转换函数.前者把值转换成整数,后者把值转换成浮点数.只有对String类型调用这些方法,这两个函数才能正确运行: 对其他类 ...
字符串转换成数字的三种方法
最近经常遇到关于类型转换的问题,索性上网搜搜在此总结一篇 js字符转换成数字主要有三种可用的方法:转换函数.强制类型转换.利用js变量弱类型转换. 1. 转换函数: js提供了parseInt()和p ...
字符串转换成数字的三种方法 js
在js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9 ,那么a.value要小于b.value,因为他们都是字符串形 ...
字符串强制转化数字java_js 字符串转换成数字的三种方法
方法主要有三种转换函数.强制类型转换.利用js变量弱类型转换. 1. 转换函数: js提供了parseInt()和parseFloat()两个转换函数.前者把值转换成整数,后者把值转换成浮点数.只有 ...
vue字符串转换成int_js 字符串转换成数字的三种方法
方法主要有三种转换函数.强制类型转换.利用js变量弱类型转换. 1. 转换函数: js提供了parseInt()和parseFloat()两个转换函数.前者把值转换成整数,后者把值转换成浮点数.只有 ...
js将字符串转换成数字的四种方法
方法主要有四种 1转换函数.2强制类型转换.3利用js变量弱类型转换.4在字符串前面添加个+ 1.转换函数 js提供了parseInt()和parseFloat()两个转换函数.前者把值转换成整数,后 ...

JS 字符串转换成数字的三种方法

JS 字符串转换成数字的三种方法相关推荐

最新文章

热门文章