javascript下數(shù)值型比較難點(diǎn)說明
更新時間：2010年06月07日 22:57:22 作者：
下面兩個小問題是樓豬在實(shí)際項(xiàng)目開發(fā)中遇到的，貼上來和大家討論下。
1、數(shù)字長長的，在c#里合法的長整型數(shù)字在javascript下竟然......
看下面幾行簡單代碼：
var a = 2010060612120909191; //按時間生成的Id1
var b = 2010060612120909199; //按時間生成的Id2
alert(a == b);
//alert(a); //有什么驚人發(fā)現(xiàn)嗎？
//alert(b); //最后幾位好像...
//alert(Number(a) == Number(b));
//alert(parseInt(a, 10) == parseInt(b, 10));
//alert(parseFloat(a) == parseFloat(b));
您可以拷貝代碼自己在本地測試一下。實(shí)際運(yùn)行的結(jié)果是，a和b竟然相等，彈出的是“true”。反正樓豬第一次碰到這種情況的時候感到一絲意外。然后樓豬分別讓兩個數(shù)字彈出，這次又意外發(fā)現(xiàn)數(shù)字改變成了“2010060612120909300”。最后又測試了一下和數(shù)字相關(guān)的Number，parseInt和parseFloat函數(shù)，三個結(jié)果依舊是true。
然后樓豬把數(shù)字型調(diào)整成字符串類型，如下：
代碼
var a = "2010060612120909191"; //按時間生成的Id1
var b = "2010060612120909199"; //按時間生成的Id2
alert(a == b);//false
alert(a); //2010060612120909191
alert(b); //2010060612120909199
alert(Number(a) == Number(b)); //?
alert(parseInt(a, 10) == parseInt(b, 10));//?
alert(parseFloat(a) == parseFloat(b));//?
這次預(yù)料中的前三個都沒有問題，可是轉(zhuǎn)換成數(shù)值型的比較依舊返回true。
是不是這里測試的兩個數(shù)字都不在javascript的數(shù)字限定范圍內(nèi)呢？可是為什么彈出的數(shù)字改變成了“2010060612120909300”（百位數(shù)字太詭異了）？
自己google無果后，采用了下面的函數(shù)比較兩個長整型的數(shù)字大小：
// 數(shù)字比較大小 (兩個輸入為字符串或數(shù)字類型，長數(shù)型數(shù)字比較)
function compareNumber(prevNum, nextNum) {
if (isNaN(prevNum) || prevNum.length == 0) {
throw new Error("第一個輸入非數(shù)字");
}
else if (isNaN(prevNum) || prevNum.length == 0) {
throw new Error("第二個輸入非數(shù)字");
}
var result = 0; //返回結(jié)果 0：兩個相等 1：第一個數(shù)字大于第二個 -1：第二個數(shù)字大于第一個
if (prevNum.length > nextNum.length) {
result++;
}
else if (prevNum.length < nextNum.length) {
result--;
}
else {
//位數(shù)一樣
for (var i = 0; i < prevNum.length; i++) {
var charNum1 = prevNum.toString().charAt(i);
var charNum2 = nextNum.toString().charAt(i);
if (parseInt(charNum1) > parseInt(charNum2)) {
result++;
break;
}
else if (parseInt(charNum2) > parseInt(charNum1)) {
result--;
break;
}
}
}
return result;
}
2、帶個小數(shù)點(diǎn)的，parseInt的取舍
這個問題有的javascript書上已經(jīng)講過?？聪旅娴拇a：
var a = 0.000001;
var b = 0.0000001;
alert(parseInt(a));
alert(parseInt(b));
//alert(parseInt(b, 10));//難道是沒填寫10進(jìn)制的原因
您可能已經(jīng)知道了。parseInt(b)返回的竟然是1！然后，將a和b換成字符串測試一下：
var a = "0.000001";
var b = "0.0000001";
alert(parseInt(a));
alert(parseInt(b));
這一次，a和b返回的都是0。這個才是我們想要的預(yù)期的結(jié)果。然后樓豬大膽猜測，據(jù)說javascript處理數(shù)字碰到以0開頭的有的時候是當(dāng)做八進(jìn)制處理的。這一想，kao，有道理?？墒沁@里我們測試的兩個浮點(diǎn)數(shù)字a和b都是以0開頭啊？好吧，樓豬是真的想不到其他原因了，只好對產(chǎn)生奇怪結(jié)果的數(shù)字b，又改成parseInt(b, 10)測試一下，暈，還是1。然后，樓豬又Number和parseFloat測試了一下：
var a = 0.000001;
var b = 0.0000001;
alert(Number(a));
alert(Number(b));//1e-7
alert(parseFloat(a));
alert(parseFloat(b)); //1e-7
哈哈，這次樓豬似乎接近發(fā)現(xiàn)真相了。b在Number和parseFloat之后，都彈出1e-7，科學(xué)計(jì)數(shù)法嘛?？磥磉€真的是八進(jìn)制的問題。然后nc樓豬想當(dāng)然地以為只要先將要parseInt的數(shù)字先toString或者String一下問題就可以解決了：
var b = 0.0000001;
alert(parseInt(b.toString(), 10));
alert(parseInt(String(b), 10));
暈啊，這次怎么還是1呢？改成下面的還是一樣的：
var b = String(0.0000001);
alert(parseInt(b));
那么，對于這種八進(jìn)制parseInt返回科學(xué)計(jì)數(shù)法的數(shù)字，我們怎么取整呢？按照開發(fā)需要，Math里有函數(shù)可以幫我們輕松實(shí)現(xiàn)功能的：
var b = 0.0000001;
alert(Math.floor(b));
至于javascript常用的Math函數(shù)的floor和ceil方法的區(qū)別，您可以參考相關(guān)文檔，這里不贅述。最后，期待您的寶貴意見和建議。
看下面幾行簡單代碼：
復(fù)制代碼 代碼如下:
var a = 2010060612120909191; //按時間生成的Id1
var b = 2010060612120909199; //按時間生成的Id2
alert(a == b);
//alert(a); //有什么驚人發(fā)現(xiàn)嗎？
//alert(b); //最后幾位好像...
//alert(Number(a) == Number(b));
//alert(parseInt(a, 10) == parseInt(b, 10));
//alert(parseFloat(a) == parseFloat(b));
您可以拷貝代碼自己在本地測試一下。實(shí)際運(yùn)行的結(jié)果是，a和b竟然相等，彈出的是“true”。反正樓豬第一次碰到這種情況的時候感到一絲意外。然后樓豬分別讓兩個數(shù)字彈出，這次又意外發(fā)現(xiàn)數(shù)字改變成了“2010060612120909300”。最后又測試了一下和數(shù)字相關(guān)的Number，parseInt和parseFloat函數(shù)，三個結(jié)果依舊是true。
然后樓豬把數(shù)字型調(diào)整成字符串類型，如下：
代碼
復(fù)制代碼 代碼如下:
var a = "2010060612120909191"; //按時間生成的Id1
var b = "2010060612120909199"; //按時間生成的Id2
alert(a == b);//false
alert(a); //2010060612120909191
alert(b); //2010060612120909199
alert(Number(a) == Number(b)); //?
alert(parseInt(a, 10) == parseInt(b, 10));//?
alert(parseFloat(a) == parseFloat(b));//?
這次預(yù)料中的前三個都沒有問題，可是轉(zhuǎn)換成數(shù)值型的比較依舊返回true。
是不是這里測試的兩個數(shù)字都不在javascript的數(shù)字限定范圍內(nèi)呢？可是為什么彈出的數(shù)字改變成了“2010060612120909300”（百位數(shù)字太詭異了）？
自己google無果后，采用了下面的函數(shù)比較兩個長整型的數(shù)字大小：
復(fù)制代碼 代碼如下:
// 數(shù)字比較大小 (兩個輸入為字符串或數(shù)字類型，長數(shù)型數(shù)字比較)
function compareNumber(prevNum, nextNum) {
if (isNaN(prevNum) || prevNum.length == 0) {
throw new Error("第一個輸入非數(shù)字");
}
else if (isNaN(prevNum) || prevNum.length == 0) {
throw new Error("第二個輸入非數(shù)字");
}
var result = 0; //返回結(jié)果 0：兩個相等 1：第一個數(shù)字大于第二個 -1：第二個數(shù)字大于第一個
if (prevNum.length > nextNum.length) {
result++;
}
else if (prevNum.length < nextNum.length) {
result--;
}
else {
//位數(shù)一樣
for (var i = 0; i < prevNum.length; i++) {
var charNum1 = prevNum.toString().charAt(i);
var charNum2 = nextNum.toString().charAt(i);
if (parseInt(charNum1) > parseInt(charNum2)) {
result++;
break;
}
else if (parseInt(charNum2) > parseInt(charNum1)) {
result--;
break;
}
}
}
return result;
}
2、帶個小數(shù)點(diǎn)的，parseInt的取舍
這個問題有的javascript書上已經(jīng)講過?？聪旅娴拇a：
復(fù)制代碼 代碼如下:
var a = 0.000001;
var b = 0.0000001;
alert(parseInt(a));
alert(parseInt(b));
//alert(parseInt(b, 10));//難道是沒填寫10進(jìn)制的原因
您可能已經(jīng)知道了。parseInt(b)返回的竟然是1！然后，將a和b換成字符串測試一下：
復(fù)制代碼 代碼如下:
var a = "0.000001";
var b = "0.0000001";
alert(parseInt(a));
alert(parseInt(b));
這一次，a和b返回的都是0。這個才是我們想要的預(yù)期的結(jié)果。然后樓豬大膽猜測，據(jù)說javascript處理數(shù)字碰到以0開頭的有的時候是當(dāng)做八進(jìn)制處理的。這一想，kao，有道理?？墒沁@里我們測試的兩個浮點(diǎn)數(shù)字a和b都是以0開頭啊？好吧，樓豬是真的想不到其他原因了，只好對產(chǎn)生奇怪結(jié)果的數(shù)字b，又改成parseInt(b, 10)測試一下，暈，還是1。然后，樓豬又Number和parseFloat測試了一下：
復(fù)制代碼 代碼如下:
var a = 0.000001;
var b = 0.0000001;
alert(Number(a));
alert(Number(b));//1e-7
alert(parseFloat(a));
alert(parseFloat(b)); //1e-7
哈哈，這次樓豬似乎接近發(fā)現(xiàn)真相了。b在Number和parseFloat之后，都彈出1e-7，科學(xué)計(jì)數(shù)法嘛?？磥磉€真的是八進(jìn)制的問題。然后nc樓豬想當(dāng)然地以為只要先將要parseInt的數(shù)字先toString或者String一下問題就可以解決了：
復(fù)制代碼 代碼如下:
var b = 0.0000001;
alert(parseInt(b.toString(), 10));
alert(parseInt(String(b), 10));
暈啊，這次怎么還是1呢？改成下面的還是一樣的：
復(fù)制代碼 代碼如下:
var b = String(0.0000001);
alert(parseInt(b));
那么，對于這種八進(jìn)制parseInt返回科學(xué)計(jì)數(shù)法的數(shù)字，我們怎么取整呢？按照開發(fā)需要，Math里有函數(shù)可以幫我們輕松實(shí)現(xiàn)功能的：
復(fù)制代碼 代碼如下:
var b = 0.0000001;
alert(Math.floor(b));
至于javascript常用的Math函數(shù)的floor和ceil方法的區(qū)別，您可以參考相關(guān)文檔，這里不贅述。最后，期待您的寶貴意見和建議。
您可能感興趣的文章:
- JS常見疑難點(diǎn)分析之match，charAt，charCodeAt，map，search用法分析
- Javascript技術(shù)難點(diǎn)之a(chǎn)pply，call與this之間的銜接
- 初學(xué)js 新節(jié)點(diǎn)的創(chuàng)建 刪除 的步驟
- 初學(xué)JavaScript_03(ExtJs Grid的簡單使用)
- 初學(xué)js者對javascript面向?qū)ο蟮恼J(rèn)識分析
- 國外的為初學(xué)者寫的JavaScript教程
- 走出JavaScript初學(xué)困境—js初學(xué)
- 初學(xué)JavaScript第一章
- JavaScript初學(xué)者的10個迷你技巧
- 你有必要知道的10個JavaScript難點(diǎn)
相關(guān)文章
JS判斷輸入的字符串是否是數(shù)字的方法(正則表達(dá)式)
下面小編就為大家?guī)硪黄狫S判斷輸入的字符串是否是數(shù)字的方法(正則表達(dá)式)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要介紹了微信小程序云開發(fā)獲取文件夾下所有文件，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-11-11
Javascript實(shí)現(xiàn)圖片輪播效果(二)圖片序列節(jié)點(diǎn)的控制實(shí)現(xiàn)
這篇文章主要介紹了Javascript實(shí)現(xiàn)圖片輪播效果(二)圖片序列節(jié)點(diǎn)的控制實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下2016-02-02
函數(shù)就是對象，而函數(shù)名是指向函數(shù)對象的指針，不會與某個函數(shù)綁定2011-12-12
數(shù)據(jù)結(jié)構(gòu)中的各種排序方法小結(jié)(JS實(shí)現(xiàn))
下面小編就為大家?guī)硪黄獢?shù)據(jù)結(jié)構(gòu)中的各種排序方法小結(jié)(JS實(shí)現(xiàn))。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
這篇文章主要介紹了js Math數(shù)學(xué)簡單使用,結(jié)合實(shí)例形式分析了js Math數(shù)學(xué)相關(guān)函數(shù)的基本用法與操作注意事項(xiàng),需要的朋友可以參考下2020-03-03
獲取div編輯框，textarea，input text的光標(biāo)位置 兼容IE，F(xiàn)F和Chrome的方法介紹
獲取div編輯框，textarea，input text的光標(biāo)位置 兼容IE，F(xiàn)F和Chrome的方法介紹，有需求的朋友可以參考2012-11-11
這篇文章主要介紹了支持移動端原生js輪播圖的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)考勤日歷功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
文章介紹了JavaScript中如何在字符串的指定位置插入字符串,主要通過`slice`方法來實(shí)現(xiàn),`slice`方法可以根據(jù)起始和結(jié)束索引來提取字符串的一部分,文章還補(bǔ)充說明了如何在字符串的指定位置插入字符串,以及提供了相關(guān)代碼示例2025-01-01