JavaScript中怎樣判斷一個值的類型

這篇文章給大家分享的是有關JavaScript中怎樣判斷一個值的類型的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

我們知道在js中有一個運算符可以幫助我們判斷一個值的類型，它就是typeof運算符。

console.log(typeof 123);  //number
console.log(typeof '123'); //string
console.log(typeof true);  //boolean
console.log(typeof undefined); //undefined
console.log(typeof null); //object
console.log(typeof []);  //object
console.log(typeof {}); //object
console.log(typeof function() {}); //function

我們從以上結果可以看出typeof的不足之處，它對于數值、字符串、布爾值分別返回number、string、boolean，函數返回function，undefined返回undefined，除此以外，其他情況都返回object。

所以如果返回值為object，我們是無法得知值的類型到底是數組還是對象或者其他值。為了準確得到每個值的類型，我們必須使用js中另一個運算符instanceof。下面簡單的說一下instanceof的用法。

instanceof運算符返回一個布爾值，表示指定對象是否為某個構造函數的實例。

instanceof運算符的左邊是實例對象，右邊是構造函數。它會檢查右邊構造函數的ptototype屬性，是否在左邊對象的原型鏈上。

var b = [];
b instanceof Array //true
b instanceof Object //true

注意，instanceof運算符只能用于對象，不適用原始類型的值。

所以我們可以結合typeof和instanceof運算符的特性，來對一個值的類型做出較為準確的判斷。

//得到一個值的類型
function getValueType(value) {
  var type = '';
  if (typeof value != 'object') {
    type = typeof value;
  } else {
    if (value instanceof Array) {
      type = 'array';
    } else {
      if (value instanceof Object) {
        type = 'object';
      } else {
        type = 'null';
      }
    }
  }
  return type;
}
getValueType(123);  //number
getValueType('123'); //string
getValueType(true);  //boolean
getValueType(undefined); //undefined
getValueType(null); //null
getValueType([]);   //array
getValueType({});  //object
getValueType(function(){}); //function

感謝各位的閱讀！關于“JavaScript中怎樣判斷一個值的類型”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！