首頁 > web前端 > js教程 > 主體

JavaScript中判斷值型別的方法

巴扎黑
發布: 2017-09-16 09:29:39
原創
1607 人瀏覽過

在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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板