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
}

以上是“JavaScript中判斷類型的示例”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！