JavaScript中判斷值型別的方法

在js中有一個運算子可以幫助我們判斷一個值的型別，它就是typeof運算子。以下透過本文來跟大家分享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中判斷值型別的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！