javascript下數(shù)值型比較難點說明
更新時間:2010年06月07日 22:57:22 作者:
下面兩個小問題是樓豬在實際項目開發(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));
您可以拷貝代碼自己在本地測試一下。實際運行的結(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ù)點的,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ī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)做八進制處理的。這一想,kao,有道理。可是這里我們測試的兩個浮點數(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é)計數(shù)法嘛??磥磉€真的是八進制的問題。然后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));
那么,對于這種八進制parseInt返回科學(xué)計數(shù)法的數(shù)字,我們怎么取整呢?按照開發(fā)需要,Math里有函數(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));
您可以拷貝代碼自己在本地測試一下。實際運行的結(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ù)點的,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ī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)做八進制處理的。這一想,kao,有道理。可是這里我們測試的兩個浮點數(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é)計數(shù)法嘛??磥磉€真的是八進制的問題。然后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));
那么,對于這種八進制parseInt返回科學(xué)計數(shù)法的數(shù)字,我們怎么取整呢?按照開發(fā)需要,Math里有函數(shù)可以幫我們輕松實現(xiàn)功能的:
復(fù)制代碼 代碼如下:
var b = 0.0000001;
alert(Math.floor(b));
至于javascript常用的Math函數(shù)的floor和ceil方法的區(qū)別,您可以參考相關(guān)文檔,這里不贅述。最后,期待您的寶貴意見和建議。
您可能感興趣的文章:
- JS常見疑難點分析之match,charAt,charCodeAt,map,search用法分析
- Javascript技術(shù)難點之a(chǎn)pply,call與this之間的銜接
- 初學(xué)js 新節(jié)點的創(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難點
相關(guān)文章
JavaScript實現(xiàn)圖片懶加載的三種常用方法總結(jié)
懶加載是一種對網(wǎng)頁性能優(yōu)化的方式,也是我們經(jīng)常會用到的技術(shù),這篇文章為大家整理了JavaScript實現(xiàn)圖片懶加載的三種常用方法,希望對大家有所幫助2023-06-06一個用javascript寫的select支持上下鍵、首字母篩選以及回車取值的功能
一個用javascript寫的select支持上下鍵、首字母篩選以及回車取值的功能2009-09-09JS 設(shè)計模式之:工廠模式定義與實現(xiàn)方法淺析
這篇文章主要介紹了JS 設(shè)計模式之:工廠模式,結(jié)合實例形式分析了JS 工廠模式基本概念、原理、定義、實現(xiàn)方法與操作注意事項,需要的朋友可以參考下2020-05-05