Summary
暫時我就想到3個方法而已。如果讀者想到其他好用方法,也可以交流一下
Description
-
一、parseInt
-
1. 執行個體
(1).parseInt("13nash");//13 (2).parseInt("")// NaN (3).parseInt("0xA") //10(十六進位) (4).parseInt(" 13")//13 (5).parseInt("070")//ES3為56(八進位) ES5為70 (6).parseInt(070)//ES3和ES5都為56 (7).parseInt(22.5)//22
-
2. 轉換規則:
- (1). 根據執行個體(1)得出parseInt會解析一直到非數字時停止
- (2). 根據執行個體(2)得出parseInt解析Null 字元串時為NaN,而不是0
- (3). 根據執行個體(3)得出parseInt可以將16進位數轉換成10進位
- (4). 根據執行個體(4)得出parseInt忽略字串的空格
-
3. 缺點:
- (1). 根據執行個體(5)我們可以知道parseInt在轉換八位元組時是不相容的。ES3會把070看成八位元值,但是ES5會將070看成十進位。
- (2). 根據執行個體(6)(7)我們可以知道parseInt在執行的時候會先把參數轉變成字串後再執行變成整數
-
4. 解釋:為什麼(5)(6)執行都是執行將070轉換成整數,但是結果不一樣呢?這個也是解決怎麼得到缺點中的第二點。
因為在看官方文檔中我看到了If string is not a string, then it is converted to one。這段話。就是說參數如果不是字串的話,它會先將它轉換成字串再轉換成整數。比如執行個體(6)中parseInt(070),其實是先將070轉換成字串,你可以試下070+""或者String(070)都可以知道070會被轉換成"56",因為070是一個八進位。然後就變成了parseInt("56"),最後得出來的整數就是56了。不管你在ES3或者ES5都是為56
-
二、位操作符
-
1. 執行個體
console.log(0 | "123.45")//123 console.log(0 | 123.45)//123 console.log(0 ^ 123.45)//123 console.log(~~123.45)//123
-
2. 原理:javascript沒有整數的概念,所有的數值型都是雙精確度浮點數。在用位元運算符時,它會先把運算元轉變成整數,方便操作。而0與其他值異或或者按位或都不會改變操作值的
-
三、Math.floor與Math.ceil
-
1. 執行個體
console.log(Math.floor(2.3)//2 console.log(Math.floor(-2.3)//-3 console.log(Math.ceil(2.3)//3 console.log(Math.ceil(-2.3)//-2
-
2. 兩者不足:Math.floor得到的是數位最小整數;而Math.ceil得到的是最大整數。所以導致本來-2.3我們取整的話我們要得到的是-2,但是用Math.floor得到的是-3。而2.3用Math.ceil得到的是3,但是我們要的是2就行了。
-
3. 解決:
//自行定義一個函數function getInt(val){ return val>0 ? Math.floor(val):Math.ceil(val);}
ReferenceWhat is the best method to convert floating point to an integer in JavaScript
parseInt MDN
Why doesn't an octal literal as a string cast to a number?