DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript中判斷整字類型最簡潔的實現方法
JavaScript中判斷整字類型最簡潔的實現方法
編輯:關於JavaScript     

我們知道JavaScript提供了typeof運算符,因此最容易想到的是用typeof來判斷是否是number類型。

復制代碼 代碼如下:
function isNumber(obj) {
    return typeof obj === 'number'
}

這個函數對於整數和浮點數都沒有問題,但對於NaN值也返回true這讓人感到不爽,畢竟用isNumber判斷通過後誰也不會用NaN去做算術運算。

那改進一下,用Object.prototype.toString試試。

復制代碼 代碼如下:
function isNumber(obj) {
    return Object.prototype.toString.call(obj) === '[object Number]'
}

和typeof判斷一樣,對於NaN也返回true,代碼量還大了,這不是想要的結果。toString.call方式判斷數組(Array)可行,數字則力不從心了。

再改進下,NaN值用isNaN函數來對付。

復制代碼 代碼如下:
function isNumber(obj) {
    return typeof obj === 'number' && !isNaN(obj)
}

這次,如果傳入的是非數字(NaN或者可轉成NaN的值)就返回false了

復制代碼 代碼如下:
function isNumber(obj) {
    return typeof obj === 'number' && !isNaN(obj)
}
isNumber(1)   // true
isNumber(1.2) // true
isNumber(NaN) // false
isNumber( parseInt('a') ) // false

嗯,這個isNumber不錯了,但還有一個等價的,用isFinite來判斷

復制代碼 代碼如下:
function isNumber(obj) {
    return typeof obj === 'number' && isFinite(obj)   
}

到現在,最短代碼的數字判斷是此文提到的第三個使用isNaN函數的。下面隆重推出世界上最短的數字判斷代碼

復制代碼 代碼如下:
function isNumber(obj) {
    return obj === +obj
}

對於整數,浮點數返回true,對於NaN或可轉成NaN的值返回false。

沒看懂是嗎? 咕~~(╯﹏╰)

園友說這還不是世界上最短判斷數字代碼,參數obj可以改成一個字符的。(⊙o⊙)你是對的。

舉一反三,類似的利用JS動態語言特性(運算符運算時內部自動類型轉換)最短的判斷還有。

復制代碼 代碼如下:
// 判斷字符串
function isString(obj) {
    return obj === obj+''
}
// 判斷布爾類型
function isBoolean(obj) {
    return obj === !!obj
}

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved