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

我們從以上結果可以看出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中如何判斷一個值的類型，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

您可能感興趣的文章:

js
值類型

使用openSpeDiv方法實現(xiàn)Ecshop登錄彈窗框效果
在ECSHOP的目錄/JS/common.js中有一個openSpeDiv方法是實現(xiàn)ECSHOP的彈窗效果的。接下來通過本文給大家分享使用openSpeDiv方法實現(xiàn)Ecshop登錄彈窗框效果，需要的朋友參考下
2017-03-03
Javascript取整函數及向零取整幾種常用的方法
這篇文章主要介紹了Javascript取整函數及向零取整幾種常用的方法,每種方法都有其特點和適用場景,推薦使用Math.trunc(),因為它語義明確、代碼易讀且性能較好,需要的朋友可以參考下
2025-01-01
基于javaScript的this指向總結
下面小編就為大家?guī)硪黄趈avaScript的this指向總結。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-07-07
json數據處理及數據綁定
本文主要介紹了json數據處理及數據綁定的相關知識。具有很好的參考價值，下面跟著小編一起來看下吧
2017-01-01
getComputedStyle與currentStyle獲取樣式(style/class)
通過document.getElementById(element).style.xxx可以獲取元素的樣式信息但是對于通過class屬性引用的外部樣式表就獲取不到了，感興趣的朋友可以了解下
2013-03-03
關于BootStrap modal 在IOS9中不能彈出的解決方法(IOS 9 bootstrap modal ios
本文給大家介紹BootStrap modal 在IOS9中不能彈出的問題以及bootstrap datepicker 在bootstrap modal中不顯示問題的解決方案，非常不錯，需要的朋友參考下
2016-12-12
js中的cookie的讀寫操作示例詳解
cookie是有有效期的，cookie的默認有效期是從cookie生成至瀏覽器關閉，也可以通過設置cookie的有效期來指定其失效日期；用戶也可以禁止cookie也可以手動刪除cookie
2014-04-04
javascript放大鏡效果的簡單實現(xiàn)
這篇文章主要是對javascript放大鏡效果的簡單實現(xiàn)進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
通過layer實現(xiàn)可輸入的模態(tài)框的例子
今天小編就為大家分享一篇通過layer實現(xiàn)可輸入的模態(tài)框的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
uploadify插件實現(xiàn)多個圖片上傳并預覽
這篇文章主要為大家詳細介紹了uploadify插件實現(xiàn)多個圖片上傳并預覽，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-09-09