這篇文章主要介紹JavaScript中判斷類型的示例，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)專注于薩爾圖企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè),商城系統(tǒng)網(wǎng)站開發(fā)。薩爾圖網(wǎng)站建設(shè)公司,為薩爾圖等地區(qū)提供建站服務(wù)。全流程按需求定制開發(fā)，專業(yè)設(shè)計，全程項目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

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

function isNumber(obj) {
  return typeof obj === 'number'
}

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

那改進一下，用Object.prototype.toString試試

function isNumber(obj) {
  return Object.prototype.toString.call(obj) === '[object Number]'
}

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

再改進下，NaN值用isNaN函數(shù)來對付

function isNumber(obj) {
  return typeof obj === 'number' && !isNaN(obj)
}

這次，如果傳入的是非數(shù)字（NaN或者可轉(zhuǎn)成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)  
}

到現(xiàn)在，最短代碼的數(shù)字判斷是此文提到的第三個使用isNaN函數(shù)的。下面隆重推出世界上最短的數(shù)字判斷代碼

function isNumber(obj) {
  return obj === +obj
}

對于整數(shù)，浮點數(shù)返回true，對于NaN或可轉(zhuǎn)成NaN的值返回false。

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

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

舉一反三，類似的利用JS動態(tài)語言特性（運算符運算時內(nèi)部自動類型轉(zhuǎn)換）最短的判斷還有

// 判斷字符串
function isString(obj) {
  return obj === obj+''
}
// 判斷布爾類型
function isBoolean(obj) {
  return obj === !!obj
}

以上是“JavaScript中判斷類型的示例”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

當(dāng)前文章：JavaScript中判斷類型的示例-創(chuàng)新互聯(lián)
文章路徑：http://www.xueling.net.cn/article/jehgs.html