javascript下數(shù)值型比較難點(diǎn)說明
更新時(shí)間:2010年06月07日 22:57:22 作者:
下面兩個(gè)小問題是樓豬在實(shí)際項(xiàng)目開發(fā)中遇到的,貼上來和大家討論下。
1、數(shù)字長長的,在c#里合法的長整型數(shù)字在javascript下竟然......
看下面幾行簡(jiǎn)單代碼:
var a = 2010060612120909191; //按時(shí)間生成的Id1
var b = 2010060612120909199; //按時(shí)間生成的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));
您可以拷貝代碼自己在本地測(cè)試一下。實(shí)際運(yùn)行的結(jié)果是,a和b竟然相等,彈出的是“true”。反正樓豬第一次碰到這種情況的時(shí)候感到一絲意外。然后樓豬分別讓兩個(gè)數(shù)字彈出,這次又意外發(fā)現(xiàn)數(shù)字改變成了“2010060612120909300”。最后又測(cè)試了一下和數(shù)字相關(guān)的Number,parseInt和parseFloat函數(shù),三個(gè)結(jié)果依舊是true。
然后樓豬把數(shù)字型調(diào)整成字符串類型,如下:
代碼
var a = "2010060612120909191"; //按時(shí)間生成的Id1
var b = "2010060612120909199"; //按時(shí)間生成的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ù)料中的前三個(gè)都沒有問題,可是轉(zhuǎn)換成數(shù)值型的比較依舊返回true。
是不是這里測(cè)試的兩個(gè)數(shù)字都不在javascript的數(shù)字限定范圍內(nèi)呢?可是為什么彈出的數(shù)字改變成了“2010060612120909300”(百位數(shù)字太詭異了)?
自己google無果后,采用了下面的函數(shù)比較兩個(gè)長整型的數(shù)字大?。?
// 數(shù)字比較大小 (兩個(gè)輸入為字符串或數(shù)字類型,長數(shù)型數(shù)字比較)
function compareNumber(prevNum, nextNum) {
if (isNaN(prevNum) || prevNum.length == 0) {
throw new Error("第一個(gè)輸入非數(shù)字");
}
else if (isNaN(prevNum) || prevNum.length == 0) {
throw new Error("第二個(gè)輸入非數(shù)字");
}
var result = 0; //返回結(jié)果 0:兩個(gè)相等 1:第一個(gè)數(shù)字大于第二個(gè) -1:第二個(gè)數(shù)字大于第一個(gè)
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、帶個(gè)小數(shù)點(diǎn)的,parseInt的取舍
這個(gè)問題有的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換成字符串測(cè)試一下:
var a = "0.000001";
var b = "0.0000001";
alert(parseInt(a));
alert(parseInt(b));
這一次,a和b返回的都是0。這個(gè)才是我們想要的預(yù)期的結(jié)果。然后樓豬大膽猜測(cè),據(jù)說javascript處理數(shù)字碰到以0開頭的有的時(shí)候是當(dāng)做八進(jìn)制處理的。這一想,kao,有道理??墒沁@里我們測(cè)試的兩個(gè)浮點(diǎn)數(shù)字a和b都是以0開頭???好吧,樓豬是真的想不到其他原因了,只好對(duì)產(chǎn)生奇怪結(jié)果的數(shù)字b,又改成parseInt(b, 10)測(cè)試一下,暈,還是1。然后,樓豬又Number和parseFloat測(cè)試了一下:
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));
那么,對(duì)于這種八進(jìn)制parseInt返回科學(xué)計(jì)數(shù)法的數(shù)字,我們?cè)趺慈≌??按照開發(fā)需要,Math里有函數(shù)可以幫我們輕松實(shí)現(xiàn)功能的:
var b = 0.0000001;
alert(Math.floor(b));
至于javascript常用的Math函數(shù)的floor和ceil方法的區(qū)別,您可以參考相關(guān)文檔,這里不贅述。最后,期待您的寶貴意見和建議。
看下面幾行簡(jiǎn)單代碼:
復(fù)制代碼 代碼如下:
var a = 2010060612120909191; //按時(shí)間生成的Id1
var b = 2010060612120909199; //按時(shí)間生成的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));
您可以拷貝代碼自己在本地測(cè)試一下。實(shí)際運(yùn)行的結(jié)果是,a和b竟然相等,彈出的是“true”。反正樓豬第一次碰到這種情況的時(shí)候感到一絲意外。然后樓豬分別讓兩個(gè)數(shù)字彈出,這次又意外發(fā)現(xiàn)數(shù)字改變成了“2010060612120909300”。最后又測(cè)試了一下和數(shù)字相關(guān)的Number,parseInt和parseFloat函數(shù),三個(gè)結(jié)果依舊是true。
然后樓豬把數(shù)字型調(diào)整成字符串類型,如下:
代碼
復(fù)制代碼 代碼如下:
var a = "2010060612120909191"; //按時(shí)間生成的Id1
var b = "2010060612120909199"; //按時(shí)間生成的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ù)料中的前三個(gè)都沒有問題,可是轉(zhuǎn)換成數(shù)值型的比較依舊返回true。
是不是這里測(cè)試的兩個(gè)數(shù)字都不在javascript的數(shù)字限定范圍內(nèi)呢?可是為什么彈出的數(shù)字改變成了“2010060612120909300”(百位數(shù)字太詭異了)?
自己google無果后,采用了下面的函數(shù)比較兩個(gè)長整型的數(shù)字大?。?
復(fù)制代碼 代碼如下:
// 數(shù)字比較大小 (兩個(gè)輸入為字符串或數(shù)字類型,長數(shù)型數(shù)字比較)
function compareNumber(prevNum, nextNum) {
if (isNaN(prevNum) || prevNum.length == 0) {
throw new Error("第一個(gè)輸入非數(shù)字");
}
else if (isNaN(prevNum) || prevNum.length == 0) {
throw new Error("第二個(gè)輸入非數(shù)字");
}
var result = 0; //返回結(jié)果 0:兩個(gè)相等 1:第一個(gè)數(shù)字大于第二個(gè) -1:第二個(gè)數(shù)字大于第一個(gè)
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、帶個(gè)小數(shù)點(diǎn)的,parseInt的取舍
這個(gè)問題有的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換成字符串測(cè)試一下:
復(fù)制代碼 代碼如下:
var a = "0.000001";
var b = "0.0000001";
alert(parseInt(a));
alert(parseInt(b));
這一次,a和b返回的都是0。這個(gè)才是我們想要的預(yù)期的結(jié)果。然后樓豬大膽猜測(cè),據(jù)說javascript處理數(shù)字碰到以0開頭的有的時(shí)候是當(dāng)做八進(jìn)制處理的。這一想,kao,有道理??墒沁@里我們測(cè)試的兩個(gè)浮點(diǎn)數(shù)字a和b都是以0開頭???好吧,樓豬是真的想不到其他原因了,只好對(duì)產(chǎn)生奇怪結(jié)果的數(shù)字b,又改成parseInt(b, 10)測(cè)試一下,暈,還是1。然后,樓豬又Number和parseFloat測(cè)試了一下:
復(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));
那么,對(duì)于這種八進(jìn)制parseInt返回科學(xué)計(jì)數(shù)法的數(shù)字,我們?cè)趺慈≌??按照開發(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的簡(jiǎn)單使用)
- 初學(xué)js者對(duì)javascript面向?qū)ο蟮恼J(rèn)識(shí)分析
- 國外的為初學(xué)者寫的JavaScript教程
- 走出JavaScript初學(xué)困境—js初學(xué)
- 初學(xué)JavaScript第一章
- JavaScript初學(xué)者的10個(gè)迷你技巧
- 你有必要知道的10個(gè)JavaScript難點(diǎn)
相關(guān)文章
JavaScript實(shí)現(xiàn)圖片懶加載的三種常用方法總結(jié)
懶加載是一種對(duì)網(wǎng)頁性能優(yōu)化的方式,也是我們經(jīng)常會(huì)用到的技術(shù),這篇文章為大家整理了JavaScript實(shí)現(xiàn)圖片懶加載的三種常用方法,希望對(duì)大家有所幫助2023-06-06一個(gè)用javascript寫的select支持上下鍵、首字母篩選以及回車取值的功能
一個(gè)用javascript寫的select支持上下鍵、首字母篩選以及回車取值的功能2009-09-09微信小程序發(fā)送短信驗(yàn)證碼完整實(shí)例
這篇文章主要介紹了微信小程序發(fā)送短信驗(yàn)證碼完整實(shí)例,實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼,帶60秒倒計(jì)時(shí)功能,無需服務(wù)器端,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2019-01-01JS 設(shè)計(jì)模式之:工廠模式定義與實(shí)現(xiàn)方法淺析
這篇文章主要介紹了JS 設(shè)計(jì)模式之:工廠模式,結(jié)合實(shí)例形式分析了JS 工廠模式基本概念、原理、定義、實(shí)現(xiàn)方法與操作注意事項(xiàng),需要的朋友可以參考下2020-05-05