許多時刻，我們的数字是字符串的情勢的，如：’1′, ‘3’, [‘2’, ‘4’]，它們多是從輸入框<input /> 中獵取，多是來自後端的接口。我們有義務把他們變成整型。下面引見幾種計劃

1、parseInt

這是es3就有的語法了，用法：

parseInt('123'); // 123  => number

js版本發展到es6的時刻，parseInt被移到Number中。固然了，本來的parseInt能夠繼承運用

Number.parseInt('123'); // 123  => number

到場数字中帶有非数字的字符，那末第一個湧現不法字符的處所將會被截斷

Number.parseInt('1239y93p21'); // 1239  => number

2、parseFloat

和parseInt差不多，但parseFloat重要針對浮點數的轉換

parseFloat('123');          // 123  => number
Number.parseFloat('123');   // 123  => number

Number.parseFloat('123.4'); // 123.4 => number

一樣有截斷不法字符的劃定規矩

Number.parseInt('1239.34y93p21');     // 1239.34  => number
Number.parseInt('12 39.34y93p21');    // 12  => number

3、Number

es6新出的接口，能夠直接運用，而且對浮點數也是有用的

Number('123');     // 123  => number
Number('123.4');   // 123.4 => number

與parse*()差別，Number處置懲罰時，碰到不法字符，直接NaN了，注重：NaN的範例也是number。

Number('123b');     // NaN  => number
Number('123.4b');   // NaN  => number

4、乘法+減法

是的，直接乘以1就好了

'123' * 1;     // 123  => number
'123.4' * 1;   // 123.4 => number

‘123’ - 0；    // 1234 => number
'123.4' - 0;   // 123.4 => number

碰到不法字符，也是直接NaN了。

'123b' * 1; // NaN  => number

注重：加法是不能轉換範例的呢，會被當做字符串拼接：

'123' + 0; // ’1230‘  => string

5、按位或

這就是二進制方面的處置懲罰了，然則只能處置懲罰整數。碰到浮點數時，小數部分被拋棄。碰到不法字符，直接被轉換成0。由於按位或會將数字轉換成帶符號的32位整數，過剩的位數會被直接拋棄；所以按位或支撐的整數局限是[pow(-2, 31), pow(2, 31) - 1]

'123' | 0;           // 123  => number

'123.4' | 0;         // 123 => number
'123rd' | 0;         // 0 => number

a = Math.pow(2, 31) // 2147483648 <=> 10000000000000000000000000000000

a | 0               // -2147483648 => number
(a - 1) | 0         // 2147483647 => number

為何整數轉為負數了呢，由於帶符號二進制中，最高位(第32)是1，代表負數

題外話

關於字符串數組的轉換，能夠應用Number的特徵

['1', '2', '3'].map(Number)  // [1, 2, 3] => number[]

另有其他的嗎？如果有補充迎接留言。