快捷導(dǎo)航

JavaScript中如何判斷一個值的類型

更新時間：2017年09月15日 09:20:17 投稿：mrr

在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

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

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

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

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

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

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

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

//得到一個值的類型
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

總結(jié)

以上所述是小編給大家介紹的JavaScript中如何判斷一個值的類型，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章: