JS判斷元素為數(shù)字的奇異寫法分享
更新時(shí)間：2012年08月01日 22:31:39 作者：
JS判斷元素為數(shù)字的奇異寫法分享，需要的朋友可以參考下
這是在閱讀underscore（1.3.3）源碼中看到的，它的each方法
var each = _.each = _.forEach = function(obj, iterator, context) {
if (obj == null) return;
if (nativeForEach && obj.forEach === nativeForEach) {
obj.forEach(iterator, context);
} else if (obj.length === +obj.length) {
for (var i = 0, l = obj.length; i < l; i++) {
if (iterator.call(context, obj[i], i, obj) === breaker) return;
}
} else {
for (var key in obj) {
if (_.has(obj, key)) {
if (iterator.call(context, obj[key], key, obj) === breaker) return;
}
}
}
};
該方法里有一句
看半天沒(méi)明白，后經(jīng)高人指點(diǎn)，這句等價(jià)于
即是用來(lái)判斷元素是否為數(shù)字類型的。typeof和Object.prototype.toString是常見(jiàn)的寫法。而最后一種則不常見(jiàn)，常人難以理解。
一些庫(kù)有類型判斷的工具函數(shù)，如
function isNumber1(a){
return typeof a === 'number'
}
又或者用Object.prototype.toString
function isNumber2(a) {
return Object.prototype.toString.call(a) === '[object Number]'
}
改成這種寫法
function isNumber3(a){
return a === +a
}
用各種類型測(cè)試下
var arr = ['1', true, false, undefined, null, {}, [], 1]
for (var i=0; i<arr.length; i++) {
console.log(isNumber3(arr[i]))
}
結(jié)果只有數(shù)組最后的一項(xiàng)為true。即只有數(shù)字類型 a === +a 才為真。
為什么不用typeof，因?yàn)樽址容^理論上是需要遍歷所有字符的，性能和字符串長(zhǎng)度成正比。
復(fù)制代碼 代碼如下:
var each = _.each = _.forEach = function(obj, iterator, context) {
if (obj == null) return;
if (nativeForEach && obj.forEach === nativeForEach) {
obj.forEach(iterator, context);
} else if (obj.length === +obj.length) {
for (var i = 0, l = obj.length; i < l; i++) {
if (iterator.call(context, obj[i], i, obj) === breaker) return;
}
} else {
for (var key in obj) {
if (_.has(obj, key)) {
if (iterator.call(context, obj[key], key, obj) === breaker) return;
}
}
}
};
該方法里有一句
復(fù)制代碼 代碼如下:
if (obj.length === +obj.length)
看半天沒(méi)明白，后經(jīng)高人指點(diǎn)，這句等價(jià)于
復(fù)制代碼 代碼如下:
if (typeof obj.length === 'number')
即是用來(lái)判斷元素是否為數(shù)字類型的。typeof和Object.prototype.toString是常見(jiàn)的寫法。而最后一種則不常見(jiàn)，常人難以理解。
一些庫(kù)有類型判斷的工具函數(shù)，如
復(fù)制代碼 代碼如下:
function isNumber1(a){
return typeof a === 'number'
}
又或者用Object.prototype.toString
復(fù)制代碼 代碼如下:
function isNumber2(a) {
return Object.prototype.toString.call(a) === '[object Number]'
}
改成這種寫法
復(fù)制代碼 代碼如下:
function isNumber3(a){
return a === +a
}
用各種類型測(cè)試下
復(fù)制代碼 代碼如下:
var arr = ['1', true, false, undefined, null, {}, [], 1]
for (var i=0; i<arr.length; i++) {
console.log(isNumber3(arr[i]))
}
結(jié)果只有數(shù)組最后的一項(xiàng)為true。即只有數(shù)字類型 a === +a 才為真。
為什么不用typeof，因?yàn)樽址容^理論上是需要遍歷所有字符的，性能和字符串長(zhǎng)度成正比。
相關(guān)文章
javascript使用閉包模擬對(duì)象的私有屬性和方法
本文給大家簡(jiǎn)單介紹了在一個(gè)項(xiàng)目中涉及到的javascript使用閉包模擬對(duì)象的私有屬性和方法，這里記錄下來(lái)，分享給大家。2016-10-10
兩種JS實(shí)現(xiàn)屏蔽鼠標(biāo)右鍵的方法
這篇文章主要介紹了兩種JS實(shí)現(xiàn)屏蔽鼠標(biāo)右鍵的方法，瀏覽者在訪問(wèn)你網(wǎng)頁(yè)的時(shí)候就不能點(diǎn)擊右鍵，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-08-08
ECMAScript 6離我們?cè)絹?lái)越近了，作為它最重要的方言，Javascript也即將迎來(lái)語(yǔ)法上的重大變革，InfoQ特開(kāi)設(shè)“深入淺出ES6”專欄，來(lái)看一下ES6將給我們帶來(lái)哪些新內(nèi)容2016-03-03
echarts學(xué)習(xí)筆記之圖表自適應(yīng)問(wèn)題詳解
最近發(fā)現(xiàn)一個(gè)問(wèn)題，echarts圖初始化后不能自適應(yīng)瀏覽器的縮放，所以下面這篇文章就來(lái)給大家介紹了關(guān)于echarts圖表自適應(yīng)問(wèn)題的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-11-11
JS格式化數(shù)字保留兩位小數(shù)點(diǎn)示例代碼
式化數(shù)字保留兩位小數(shù)點(diǎn)實(shí)現(xiàn)的方法有很多，在接下來(lái)的文章中將為大家詳細(xì)介紹下如何使用js來(lái)實(shí)現(xiàn)2013-10-10
擁有一個(gè)屬于自己的javascript表單驗(yàn)證插件
這篇文章主要幫助大家擁有一個(gè)屬于自己的javascript表單驗(yàn)證插件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-03-03
js 針對(duì)html DOM元素操作等經(jīng)驗(yàn)累積
這篇文章主要介紹了js 針對(duì)html DOM元素操作等經(jīng)驗(yàn)累積,需要的朋友可以參考下2014-03-03
js+html實(shí)現(xiàn)周歲年齡計(jì)算器
這篇文章主要為大家詳細(xì)介紹了js+html實(shí)現(xiàn)周歲年齡計(jì)算器的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-06-06
這篇文章主要介紹了CocosCreator制作射擊游戲，各個(gè)方面都講的比較詳細(xì)，希望同學(xué)們自己動(dòng)手試一下2021-04-04
easyui form validate總是返回false的原因及解決方法
下面小編就為大家?guī)?lái)一篇easyui form validate總是返回false的原因及解決方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11