首頁 > web前端 > js教程 > 主體

javascript將浮點數轉換成整數的三個方法_javascript技巧

WBOY
發布: 2016-05-16 16:43:18
原創
1236 人瀏覽過

Summary

暫時我就想到3個方法而已。如果讀者想到其他好用方法,也可以溝通

parseInt
位運算子
Math.floor Math.ceil

Description

一、parseInt

1. 實例

parseInt("13nash");//13
parseInt("")// NaN
parseInt("0xA") //10(十六进制)
parseInt(" 13")//13
parseInt("070")//ES3为56(八进制) ES5为70
parseInt(070)//ES3和ES5都为56
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);
}
登入後複製
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板