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