首頁 > web前端 > js教程 > JavaScript判斷物件是否為數組_javascript技巧

JavaScript判斷物件是否為數組_javascript技巧

WBOY
發布: 2016-05-16 15:24:19
原創
1098 人瀏覽過

文中為大家分享了三種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判斷物件是否為陣列的方法,希望對大家的學習有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板