es6怎麼判斷變數是不是數組

在es6中，可以利用Array的isArray()方法來判斷變數是不是數組，該方法用於判斷一個物件是否為數組類型，語法「Array.isArray(obj)」；如果物件是數組傳回true，否則傳回false。

本教學操作環境：windows7系統、ECMAScript 6版、Dell G3電腦。

在ES5中判斷變數是否為陣列

在ES5中，我們至少有如下5種方式去判斷一個值是否數組：

var a = []; 
// 1.基於instanceof 
a instanceof Array; 
// 2.基於constructor 
a.constructor === Array; 
// 3.基於Object.prototype.isPrototypeOf 
Array.prototype.isPrototypeOf(a); 
// 4.基於getPrototypeOf 
Object.getPrototypeOf(a) === Array.prototype; 
// 5.基於Object.prototype.toString 
Object.prototype.toString.apply(a) === '[object Array]';

以上，除了Object.prototype.toString外，其它方法都無法正確判斷變數的型別。

要知道，程式碼的運作環境十分複雜，一個變數可能使用渾身解數去迷惑它的創造者。且看

var a = {
    __proto__: Array.prototype
}; 
// 分別在控制台試運行以下程式碼// 1.基於instanceof 
a instanceof Array; // => true 
// 2.基於constructor 
a.constructor === Array; // => true 
// 3.基於Object.prototype.isPrototypeOf 
Array.prototype.isPrototypeOf(a); // => true 
// 4.基於getPrototypeOf 
Object.getPrototypeOf(a) === Array.prototype; // => true

以上，4種方法會全部傳回true，為什麼呢？我們只是手動指定了某個對象的__proto__屬性為Array.prototype，便導致了該對象繼承了Array對象，這種毫不負責任的繼承方式，使得基於繼承​​的判斷方案瞬間土崩瓦解。

不僅如此，我們還知道，Array是堆數據，變數指向的只是它的引用位址，因此每個頁面的Array物件所引用的位址都是不一樣的。 iframe中宣告的數組，它的建構子是iframe中的Array物件。如果在iframe宣告了一個陣列x，將其賦值給父頁面的變數y，那麼在父頁面使用y instanceof Array ，結果一定是false的。而最後一種回傳的是字串，不會有引用問題。實際上，多頁面或系統之間的互動只有字串能夠暢行無阻。

在ES6中判斷變數是否為數組

鑑於數組的常用性，在ES6中新增了Array.isArray方法，使用此方法判斷變數是否為數組，則非常簡單，如下：

Array.isArray([]); // => true 
Array.isArray({0: 'a', length: 1}); // => false

實際上，透過Object.prototype.toString去判斷一個值的型別，也是各大主流函式庫的標準。因此Array.isArray的polyfill通常長這樣：

if (!Array.isArray){ 
    Array.isArray = function(arg){ 
        return Object.prototype.toString.call(arg) === '[object Array]'; 
    }; 
}