在JavaScript中，如何判斷數組是數組？

若是你沒有注意過這個問題，那麼這個標題應該會讓你感到困惑，判斷數據類型這麼基礎的問題能有什麼坑呢？

少年，你不能太天真了，咱們朝夕面對的這門語言，但是JavaScript呀，任何你以爲已經習覺得常的東西均可能瞬間轉化成一個大坑，使人百思不得其解。

可是正是由於一樣的緣由，咱們能夠在學習和使用JavaScript這門語言的時候提出和討論一些這門語言獨有的，十分有趣的問題。好比咱們今天要討論的，在JavaScript當中如何判斷一個數組是數組。

JavaScript有五種方法能夠肯定一個值究竟是什麼類型，分別是typeof運算符，constructor法，instanceof運算符，Object.prototype.toString方法以及Array.isArray法.

1.用typeof運算符來判斷

typeof是javascript原生提供的判斷數據類型的運算符，它會返回一個表示參數的數據類型的字符串，例如：

const s = 'hello';
console.log(typeof(s))//String

如下是我在MDN的文檔中找到的一張包含typeof運算法的針對不一樣參數的輸出結果的表格：

從這張表格能夠看出，數組被歸到了Any other object當中，因此typeof返回的結果應該是Object，並無辦法區分數組，對象，null等原型鏈上都有Object的數據類型。

const a = null;
const b = {};
const c= [];
console.log(typeof(a)); //Object
console.log(typeof(b)); //Object
console.log(typeof(c)); //Object

運行上面的代碼就會發現，在參數爲數組，對象或者null時，typeof返回的結果都是object，可使用這種方法並不能識別出數組，所以，在JavaScript項目中用typeof來判斷一個位置類型的數據是否爲數組，是很是不靠譜的。

2.用instanceof判斷

既然typeof沒法用於判斷數組是否爲數組，那麼用instance運算符來判斷是否可行呢？要回答這個問題，咱們首先得了解instanceof運算法是幹嗎用的。

instanceof運算符能夠用來判斷某個構造函數的prototype屬性所指向的對象是否存在於另一個要檢測對象的原型鏈上。在使用的時候語法以下：

object instanceof constructor

用個人理解來講，就是要判斷一個Object是否是數組（這裏不是口誤，在JavaScript當中，數組實際上也是一種對象），若是這個Object的原型鏈上可以找到Array構造函數的話，那麼這個Object應該及就是一個數組，若是這個Object的原型鏈上只能找到Object構造函數的話，那麼它就不是一個數組。

const a = [];
const b = {};
console.log(a instanceof Array);//true
console.log(a instanceof Object);//true,在數組的原型鏈上也能找到Object構造函數
console.log(b instanceof Array);//false

由上面的幾行代碼能夠看出，使用instanceof運算符能夠分辨數組和對象，能夠判斷數組是數組。

3.用constructor判斷

實例化的數組擁有一個constructor屬性，這個屬性指向生成這個數組的方法。

const a = [];
console.log(a.constructor);//function Array(){ [native code] }

以上的代碼說明，數組是有一個叫Array的函數實例化的。
若是被判斷的對象是其餘的數據類型的話，結果以下：

const o = {};
console.log(o.constructor);//function Object(){ [native code] }
const r = /^[0-9]$/;
console.log(r.constructor);//function RegExp() { [native code] }
const n = null;
console.log(n.constructor);//報錯

看到這裏，你可能會以爲這也是一種靠譜的判斷數組的方法，咱們能夠用如下的方式來判斷:

const a = [];
console.log(a.constructor == Array);//true

可是，很遺憾的通知你，constructor屬性是能夠改寫的，若是你一不當心做死改了constructor屬性的話，那麼使用這種方法就沒法判斷出數組的真是身份了，寫到這裏，我不由想起了無間道的那段經典對白，梁朝偉：「對不起，我是警察。」劉德華：「誰知道呢？」。

//定義一個數組
const a = [];
//做死將constructor屬性改爲了別的
a.contrtuctor = Object;
console.log(a.constructor == Array);//false (哭臉)
console.log(a.constructor == Object);//true (哭臉)
console.log(a instanceof Array);//true (instanceof火眼金睛)

能夠看出，constructor屬性被修改以後，就沒法用這個方法判斷數組是數組了，除非你能保證不會發生constructor屬性被改寫的狀況，不然用這種方法來判斷數組也是不靠譜的。

4.用Object的toString方法判斷

另外一個行之有效的方法就是使用Object.prototype.toString方法來判斷，每個繼承自Object的對象都擁有toString的方法。

若是一個對象的toString方法沒有被重寫過的話，那麼toString方法將會返回"[object type]"，其中的type表明的是對象的類型，根據type的值，咱們就能夠判斷這個疑似數組的對象究竟是不是數組了。

你可能會糾結，爲何不是直接調用數組，或則字符串本身的的toString方法呢？咱們試一試就知道了。

const a = ['Hello','Howard'];
const b = {0:'Hello',1:'Howard'};
const c = 'Hello Howard';
a.toString();//"Hello,Howard"
b.toString();//"[object Object]"
c.toString();//"Hello,Howard"

從上面的代碼能夠看出，除了對象以外，其餘的數據類型的toString返回的都是內容的字符創，只有對象的toString方法會返回對象的類型。因此要判斷除了對象以外的數據的數據類型，咱們須要「借用」對象的toString方法，因此咱們須要使用call或者apply方法來改變toString方法的執行上下文。

const a = ['Hello','Howard'];
const b = {0:'Hello',1:'Howard'};
const c = 'Hello Howard';
Object.prototype.toString.call(a);//"[object Array]"
Object.prototype.toString.call(b);//"[object Object]"
Object.prototype.toString.call(c);//"[object String]"

使用apply方法也能達到一樣的效果：

const a = ['Hello','Howard'];
const b = {0:'Hello',1:'Howard'};
const c = 'Hello Howard';
Object.prototype.toString.apply(a);//"[object Array]"
Object.prototype.toString.apply(b);//"[object Object]"
Object.prototype.toString.apply(c);//"[object String]"

總結一下，咱們就能夠用寫一個方法來判斷數組是否爲數組：

const isArray = (something)=>{
    return Object.prototype.toString.call(something) === '[object Array]';
}

cosnt a = [];
const b = {};
isArray(a);//true
isArray(b);//false

可是，若是你非要在建立這個方法以前這麼來一下，改變了Object原型鏈上的toString方法，那我真心幫不了你了...

//重寫了toString方法
Object.prototype.toString = () => {
    alert('你吃過了麼？');
}
//調用String方法
const a = [];
Object.prototype.toString.call(a);//彈框問你吃過飯沒有

固然了，只有在瀏覽器當中才能看到alert彈框，這個我就不解釋了。

5.用Array對象的isArray方法判斷

爲何把這種方法放在最後講呢？由於它是我目前遇到過的最靠譜的判斷數組的方法了，當參數爲數組的時候，isArray方法返回true，當參數不爲數組的時候，isArray方法返回false。

const a = [];
const b = {};
Array.isArray(a);//true
Array.isArray(b);//false

我試着在調用這個方法以前重寫了Object.prototype.toString方法：

Object.prototype.toString = ()=>{
    console.log('Hello Howard');
}
const a = [];
Array.isArray(a);//true

並不影響判斷的結果。
我又試着修改了constructor對象：

const a = [];
const b = {};
a.constructor = b.constructor;
Array.isArray(a);//true

OK，仍是不影響判斷的結果。

可見，它與instance運算符判斷的方法以及Object.prototype.toString法並不相同，一些列的修改並無影響到判斷的結果。

你能夠放心大膽的使用Array.isArray去判斷一個對象是否是數組。
除非你不當心重寫了Array.isArray方法自己。。

---

重要補充：有讀者朋友在評論中提醒我，Array.isArray是ES5標準中增長的方法，部分比較老的瀏覽器可能會有兼容問題，因此爲了加強健壯性，建議仍是給Array.isArray方法進行判斷，加強兼容性，從新封裝的方法以下：

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

做者：方浩，轉載請註明出處！！！
文章源連接：https://segmentfault.com/a/11...

個人微信公衆號：webcoding ,歡迎掃碼關注