JS檢測數組

梳理數組相關的知識點

檢測數組

• 1.instanceof

if (value instanceof Array) {
  //對數組執行某項操做   
}

適用於網頁中中有一個全局執行環境，當頁面中存在多個框架時，就是存在多個全局執行環境，從一個框架向另外一個框架傳遞數組，該數組與另外一個框架原生建立的數組具備不一樣的構造函數，該狀況下此種檢測方式不適用。

• 2.Array.isArray() 方法

if (Array.isArray(value)) {
  //對數組執行某些操做 
}

es5新增的方法，不是全部瀏覽器都適用。

• 3.Object.prototype.toString.call()

適用於全部環境，只支持原生的對象，Object的toString()方法不能檢測非原生構造函數的構造函數名。

判斷基本類型：

Object.prototype.toString.call(null); // "[object Null]"
Object.prototype.toString.call(undefined); // "[object Undefined]"
Object.prototype.toString.call(「abc」);// "[object String]"
Object.prototype.toString.call(123);// "[object Number]"
Object.prototype.toString.call(true);// "[object Boolean]"

判斷原生引用類型

var value = []
console.log(Object.prototype.toString.call(value))//"[Object Array]"

function fn(){
  console.log("test");
}
Object.prototype.toString.call(fn);// "[object Function]"

var date = new Date();
Object.prototype.toString.call(date); // "[object Date]"

var arr = [1,2,3];
Object.prototype.toString.call(arr); // "[object Array]"

var reg = /[hbc]at/gi;
Object.prototype.toString.call(reg); // "[object RegExp]"

function Person(name, age) {
    this.name = name;
    this.age = age;
}
var person = new Person("Rose", 18);
Object.prototype.toString.call(arr); //」[object Object]」

該狀況爲自定義構造函數，返回的結果並非person是Person的實例。能夠用instanceof判斷。

console.log(person instanceof Person); // true

那爲何不直接用obj.toString()呢？

toString方法的用法：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

一樣是檢測對象obj調用toString方法，obj.toString()的結果和Object.prototype.toString.call(obj)的結果不同，這是爲何？

這是由於toString爲Object的原型方法，而Array ，function等類型做爲Object的實例，都重寫了toString方法。不一樣的對象類型調用toString方法時，根據原型鏈的知識，調用的是對應的重寫以後的toString方法（function類型返回內容爲函數體的字符串，Array類型返回元素組成的字符串.....），而不會去調用Object上原型toString方法（返回對象的具體類型），因此採用obj.toString()不能獲得其對象類型，只能將obj轉換爲字符串類型；所以，在想要獲得對象的具體類型時，應該調用Object上原型toString方法。

咱們能夠驗證一下，將數組的toString方法刪除，看看會是什麼結果：

var arr=[1,2,3];
console.log(Array.prototype.hasOwnProperty("toString"));//true
console.log(arr.toString());//1,2,3
delete Array.prototype.toString;//delete操做符能夠刪除實例屬性
console.log(Array.prototype.hasOwnProperty("toString"));//false
console.log(arr.toString());//"[object Array]"

刪除了Array的toString方法後，一樣再採用arr.toString()方法調用時，再也不有屏蔽Object原型方法的實例方法，所以沿着原型鏈，arr最後調用了Object的toString方法，返回了和Object.prototype.toString.call(arr)相同的結果。