文中為大家分享了三種JavaScript判斷對象是否為數組的方法,
1. typeof
首先我們會想到的是使用typeof來檢測數據類型,但是對於Function, String, Number, Undefined等這幾種基本類型來說,使用typeof來檢測都可以檢測到,比如代碼如下:
function test(){} console.log(typeof 1); // number console.log(typeof test); // function console.log(typeof "yunxi"); // string console.log(typeof undefined); // undefined
但是對於數組或者正則來說,使用typeof來檢測的話,那就滿足不了,因為當我們檢測數組或者正則的話,那麼返回的類型將會是一個對象object,如下代碼所示:
console.log(typeof []); // object console.log(typeof /\d+/g); // object
2. Instanceof
由此我們很容易會想到使用instanceof來檢測某個對象是否是數組的實例,該檢測會返回一個布爾型(boolean),如果是數組的話,返回true,否則的話返回false;我們再來看下上面的檢測是否為數組的代碼如下:
console.log([] instanceof Array); // true console.log(/\d+/g instanceof Array); // false
如上可以看到使用instanceof確實可以判斷是否為數組的列子;
3. constructor屬性
在javascript中,每個對象都有一個constructor屬性,它引用了初始化該對象的構造函數,比如判斷未知對象的類型,因此我們可以如下寫一個方法,代碼如下:
function isArray(obj) { return typeof obj == 'object' && obj.constructor == Array } // 測試demo console.log(isArray([])); // true var a = {"a":1}; console.log(isArray(a)); // false var b = [1,2,3]; console.log(isArray(b)); // true console.log(isArray(/\d+/g));// false
如上可以看到,通過調用isArray 方法也可以判斷是否為數組的列子。
我們現在可以看到,對於第二點和第三點分別使用instanceof方法和constructor屬性貌似都可以來判斷是否為數組了,但是也有列外情況,比如在跨框架iframe的時候使用頁面中的數組時,會失敗,因為在不同的框架iframe中,創建的數組是不會相互共享其prototype屬性的;如下代碼測試即可得到驗證~
var iframe = document.createElement('iframe'); document.body.appendChild(iframe); xArray = window.frames[window.frames.length-1].Array; var arr = new xArray("1","2","3","4","5"); //這個寫法IE下是不支持的,標准浏覽器firefox,chrome下有 console.log(arr); // 打印出 ["1", "2", "3", "4", "5"] console.log(arr instanceof Array); // false console.log(arr.constructor === Array); // false
如上的方法我們都不能來判斷一個對象是否為數組的方式; 但是我們在看ECMA262中可以看到,可以使用 Object.prototype.toString.call()方法來判斷一個對象是否為數組;如下代碼:
function isArray(obj) { return Object.prototype.toString.call(obj) == '[object Array]'; } // 代碼調用 console.log(isArray([])); // true console.log(isArray([1,2,3])); // true var iframe = document.createElement('iframe'); document.body.appendChild(iframe); xArray = window.frames[window.frames.length-1].Array; var arr = new xArray("1","2","3","4","5"); console.log(arr); // ["1","2","3","4","5"] console.log(isArray(arr)); // true
以上就是本文的全部內容,幫助大家學習JavaScript判斷對象是否為數組的方法,希望對大家的學習有所幫助。