Summary

暫時(shí)我就想到3個(gè)方法而已。如果讀者想到其他好用方法，也可以交流一下

parseInt
位運(yùn)算符
Math.floor Math.ceil

Description

一、parseInt

1. 實(shí)例

parseInt("13nash");//13
parseInt("")// NaN
parseInt("0xA") //10(十六進(jìn)制)
parseInt(" 13")//13
parseInt("070")//ES3為56(八進(jìn)制) ES5為70
parseInt(070)//ES3和ES5都為56
parseInt(22.5)//22

2. 轉(zhuǎn)換規(guī)則：

(1). 根據(jù)實(shí)例(1)得出parseInt會(huì)解析一直到非數(shù)字時(shí)停止
(2). 根據(jù)實(shí)例(2)得出parseInt解析空字符串時(shí)為NaN，而不是0
(3). 根據(jù)實(shí)例(3)得出parseInt可以將16進(jìn)制數(shù)轉(zhuǎn)換成10進(jìn)制
(4). 根據(jù)實(shí)例(4)得出parseInt忽略字符串的空格

3. 缺點(diǎn)：

(1). 根據(jù)實(shí)例(5)我們可以知道parseInt在轉(zhuǎn)換八進(jìn)制數(shù)組時(shí)是不兼容的。ES3會(huì)把070看成八進(jìn)制數(shù)值，但是ES5會(huì)將070看成十進(jìn)制。
(2). 根據(jù)實(shí)例(6)(7)我們可以知道parseInt在執(zhí)行的時(shí)候會(huì)先把參數(shù)轉(zhuǎn)變成字符串后再執(zhí)行變成整數(shù)

4. 解釋：為什么(5)(6)執(zhí)行都是執(zhí)行將070轉(zhuǎn)換成整數(shù)，但是結(jié)果不一樣呢？這個(gè)也是解決怎么得到缺點(diǎn)中的第二點(diǎn)。

因?yàn)樵诳垂俜轿臋n中我看到了If string is not a string, then it is converted to one。這段話。就是說參數(shù)如果不是字符串的話，它會(huì)先將它轉(zhuǎn)換成字符串再轉(zhuǎn)換成整數(shù)。比如實(shí)例(6)中parseInt(070)，其實(shí)是先將070轉(zhuǎn)換成字符串，你可以試下070+""或者String(070)都可以知道070會(huì)被轉(zhuǎn)換成"56"，因?yàn)?70是一個(gè)八進(jìn)制。然后就變成了parseInt("56")，最后得出來的整數(shù)就是56了。不管你在ES3或者ES5都是為56

二、位操作符

1. 實(shí)例

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沒有整數(shù)的概念，所有的數(shù)值型都是雙精度浮點(diǎn)數(shù)。在用位運(yùn)算符時(shí)，它會(huì)先把操作數(shù)轉(zhuǎn)變成整數(shù)，方便操作。而0與其他值異或或者按位或都不會(huì)改變操作值的

三、Math.floor與Math.ceil

1. 實(shí)例

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得到的是數(shù)字的最小整數(shù)；而Math.ceil得到的是最大整數(shù)。所以導(dǎo)致本來-2.3我們?nèi)≌脑捨覀円玫降氖?2，但是用Math.floor得到的是-3。而2.3用Math.ceil得到的是3，但是我們要的是2就行了。

3. 解決：

//自行定義一個(gè)函數(shù)
function getInt(val){
return val>0 ? Math.floor(val):Math.ceil(val);
}

最新評(píng)論