js 判斷 數組和對象

提方案的時候順便會引申一下該方法的使用。

一，instanceOf：（可以判斷）

instanceOf運算符用來測試一個對象在其原型鏈中是否存在一個構造函數的 prototype 屬性。

也可以這樣說：instanceof運算符用來檢測 constructor.prototype是否存在於參數 object的原型鏈上。

A instanceOf  B => 表示 A是否是B的實例

數組是Array的實例，對象是Object的實例

所以：

let arr=[1,2,3];
arr instanceof Array //true
//多說一句
arr instanceof Object //true  因為Array是Object的子

從上面可以看出：可以用instanceof來區分數組和對象

另外，更重的一點是 instanceof 可以在繼承關系中用來判斷一個實例是否屬於它的父類型。

例如：
function Foo(){} 
Foo.prototype = new Aoo();//JavaScript 原型繼承 
var foo = new Foo(); 
console.log(foo instanceof Foo)//true 
console.log(foo instanceof Aoo)//true
//又如：
console.log(Object instanceof Object);//true 
console.log(Function instanceof Function);//true 
console.log(Number instanceof Number);//false 
console.log(String instanceof String);//false  
console.log(Function instanceof Object);//true  
console.log(Foo instanceof Function);//true 
console.log(Foo instanceof Foo);//false

 

二，typeOf()：（不可以判斷）

它返回值是一個字符串，該字符串說明運算數的類型

typeof 一般只能返回如下幾個結果："number"、"string"、"boolean"、"object"、"function" 和 "undefined"。

（1）數字 typeof(x) = "number"

（2）字符串 typeof(x) = "string"

（3）布爾值 typeof(x) = "boolean" 

（4）對象,數組和null   typeof(x) = "object" 

（5）函數 typeof(x) = "function" 

從（4）可以看出，typeof()故不能用來區分數組和對象，不能使用

我們可以使用 typeof 來獲取一個變量是否存在，如 if(typeof a!="undefined"){alert("ok")}，而不要去使用 if(a) 因為如果 a 不存在（未聲明）則會出錯。

 

三，Object.prototype.toString.call(arr)（可以判斷）(更精准強烈推薦)

它返回[object constructorName]的字符串格式，這里的constructorName就是call參數的函數名，內置類型分為null、string、boolean、number、undefined、array、function、object、date、math

利用對象的toString可以准確判斷是什么類型，call()改變this指向，這里是借用Object的方法，然后有人可能會問為什么不直接用arr.toString而要借用Object的方法，

看下面的例子：

console.log(Object.prototype.toString.call("jerry"));//[object String]
console.log(Object.prototype.toString.call(12));//[object Number]
console.log(Object.prototype.toString.call(true));//[object Boolean]
console.log(Object.prototype.toString.call(undefined));//[object Undefined]
console.log(Object.prototype.toString.call(null));//[object Null]
console.log(Object.prototype.toString.call({name: "jerry"}));//[object Object]
console.log(Object.prototype.toString.call(function(){}));//[object Function]
console.log(Object.prototype.toString.call([]));//[object Array]
console.log(Object.prototype.toString.call(new Date));//[object Date]
console.log(Object.prototype.toString.call(/\d/));//[object RegExp]
console.log(Object.prototype.toString.call(new Person));//[object Object]  

//直接用toString
console.log("jerry".toString());//jerry
console.log((1).toString());//1
console.log([1,2].toString());//1,2
console.log(new Date().toString());//Wed Dec 21 2016 20:35:48 GMT+0800 (中國標准時間)
console.log(function(){}.toString());//function (){}
console.log(null.toString());//error
console.log(undefined.toString());//error

因為toString為Object原型上的方法，而Array、Function都是Object的實例，實例重新改寫了原型上的toString方法，不同的對象調用toString方法，調用的是改寫之后的方法(轉成各種類型的字符串），而不會調用Object原型上的toString()方法，因此直接調用不能判斷對象類型。

四，es6的方法——Array.isArray() （可以判斷）

Array.isArray([]) //true

 

五，對象的constructor屬性  （可以判斷）

var arr = [1,2,3,1];
console.log(arr.constructor === Array)//true
var obj = {a:1,b:2};
console.log(obj.constructor === Object)//true

 

 

努力到無能為力，拼搏到感動自己。fighting!!!!