js判斷數據類型的幾種方法

一、typeof

typeof只能判斷區分基本類型，number、string、boolean、undefined和object,function；

typeof 0;  //number;
typeof true;  //boolean;
typeof undefined;  //undefined;
typeof "hello world"   //string;
typeof function(){};   //function;

typeof null; //object
typeof {};  //object;
typeof []; //object

二、instanceof

var a={};
a instanceof Object  //true
a intanceof Array     //false
var b=[];
b instanceof Array  //true
b instanceof  Object //true

由於數組屬於object中的一種，因此數組instanceof object,也是true.

var c='abc';
c instanceof String; //false
var d=new String();
d instanceof String  //true

instanceof不能區分基本類型string和boolean,除非是字符串對象和布爾對象。如上例所示。

三、constructor 

var o={};
o.constructor==Object  //true
var arr=[];
arr.constructor==Array  //true
arr.constructor==Object //false

能夠看出constructor能夠區分Array和Object。

 

var n=true;
n.constructor==Boolean  //true
var num=1;
num.constructor==Number  //true
var str='hello world';
str.constructor==String     //true

var num=new Number();

num.constructor==Number   //true

 

不過要注意，constructor屬性是能夠被修改的，會致使檢測出的結果不正確

function Person(){
  
}
function Student(){
  
}
Student.prototype = new Person();
var John = new Student();
console.log(John.constructor==Student); // false
console.log(John.constructor==Person); // true

除了undefined和null，其餘類型的變量均能使用constructor判斷出類型.

四、Object.prototype.toString.call() 最好用

Object.prototype.toString.call(123)
//"[object Number]"

Object.prototype.toString.call('str')
//"[object String]"

Object.prototype.toString.call(true)
//"[object Boolean]"

Object.prototype.toString.call({})
//"[object Object]"

Object.prototype.toString.call([])
//"[object Array]"

封裝判斷數組或者對象的方法：

function typeObj(obj){
      var type=Object.prototype.toString.call(obj);
      if(type=='[object Array]'){
        return 'Array';
      }elseif(type=='[object  Object]'){
        return 'Object';
      }else{
        return "obj is not object or array"
      }

}

Object.prototype.toString方法的在被調用的時候，會執行以下的操做步驟： 

1. 獲取對象的類名（對象類型）。  

[[Class]]是一個內部屬性,全部的對象(原生對象和宿主對象)都擁有該屬性.在規範中,[[Class]]是這麼定義的:  內部屬性,[[Class]] 一個字符串值,代表了該對象的類型。 2. 而後將[object  獲取的對象類型的名]組合爲字符串  3. 返回字符串 「[object Array]」 。