javascript將浮點數轉換成整數

Summary

臨時我就想到3個方法而已。假設讀者想到其它好用方法，也能夠交流一下

1. parseInt
2. 位運算符
3. Math.floor Math.ceil

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解析空字符串時為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);

}

Reference

What 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?