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)文章
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義可滑動日歷界面，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
本篇文章主要介紹了詳解plotly.js 繪圖庫入門使用教程，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
JavaScript canvas實現(xiàn)跟隨鼠標(biāo)事件
這篇文章主要為大家詳細(xì)介紹了JavaScript canvas實現(xiàn)跟隨鼠標(biāo)事件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
這篇文章主要介紹了js如何實現(xiàn)瀏覽器打印功能，文中示例代碼非常詳細(xì)，幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-07-07
這篇文章主要介紹了純JS代碼實現(xiàn)隔行變色鼠標(biāo)移入高亮的相關(guān)資料,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2016-11-11
排序算法是筆試中經(jīng)常出現(xiàn)的,提起排序算法就一定要提下算法復(fù)雜度和大O表示法,算法復(fù)雜度是指算法在編寫成可執(zhí)行程序后，運行時所需要的資源，資源包括時間資源和內(nèi)存資源,這篇文章主要給大家介紹了關(guān)于如何利用JavaScript實現(xiàn)排序算法的相關(guān)資料,需要的朋友可以參考下2021-11-11
在微信小程序開發(fā)中，要實現(xiàn)兩個線程之間的通信是一項重要的任務(wù)，所以本文就來講講如何使用小程序的?postMessage?和?addListener?API?來實現(xiàn)在兩個線程之間進行高效的?RPC?通信吧2023-06-06
bind()的方法在ie,6,7,8中不適用，需要擴展通過擴展Function prototype可以實現(xiàn)此方法，下面為大家介紹下javascript中bind函數(shù)的作用2014-09-09
下面小編就為大家?guī)硪黄猨s中用cssText設(shè)置css樣式的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
jquery+css3實現(xiàn)網(wǎng)頁背景花瓣隨機飄落特效
在qq空間可以自定義一些插件，裝飾空間，大家通常就是復(fù)制代碼到空間粘貼，會實現(xiàn)非常美觀的效果，有的會隨機飄落一些花瓣，那么這種效果用代碼怎么實現(xiàn)的呢，下面小編給大家詳解jquery實現(xiàn)網(wǎng)頁背景花瓣隨機飄落特效，需要的朋友可以參考下2015-08-08