快捷導(dǎo)航

JavaScript判斷對(duì)象是否為數(shù)組

更新時(shí)間：2015年12月22日 11:24:38 投稿：lijiao

這篇文章主要介紹了JavaScript判斷對(duì)象是否為數(shù)組的三種方法,感興趣的小伙伴們可以參考一下

文中為大家分享了三種JavaScript判斷對(duì)象是否為數(shù)組的方法，

1. typeof

首先我們會(huì)想到的是使用typeof來檢測(cè)數(shù)據(jù)類型，但是對(duì)于Function, String, Number, Undefined等這幾種基本類型來說，使用typeof來檢測(cè)都可以檢測(cè)到，比如代碼如下：

function test(){}
console.log(typeof 1); // number
console.log(typeof test); // function 
console.log(typeof "yunxi"); // string
console.log(typeof undefined); // undefined

但是對(duì)于數(shù)組或者正則來說，使用typeof來檢測(cè)的話，那就滿足不了，因?yàn)楫?dāng)我們檢測(cè)數(shù)組或者正則的話，那么返回的類型將會(huì)是一個(gè)對(duì)象object，如下代碼所示：

console.log(typeof []); // object
console.log(typeof /\d+/g); // object

2. Instanceof

由此我們很容易會(huì)想到使用instanceof來檢測(cè)某個(gè)對(duì)象是否是數(shù)組的實(shí)例，該檢測(cè)會(huì)返回一個(gè)布爾型(boolean),如果是數(shù)組的話，返回true，否則的話返回false；我們?cè)賮砜聪律厦娴臋z測(cè)是否為數(shù)組的代碼如下：

console.log([] instanceof Array); // true
console.log(/\d+/g instanceof Array); // false

如上可以看到使用instanceof確實(shí)可以判斷是否為數(shù)組的列子;
3. constructor屬性

在javascript中，每個(gè)對(duì)象都有一個(gè)constructor屬性，它引用了初始化該對(duì)象的構(gòu)造函數(shù)，比如判斷未知對(duì)象的類型，因此我們可以如下寫一個(gè)方法,代碼如下：

function isArray(obj) {
  return typeof obj == 'object' && obj.constructor == Array
}
// 測(cè)試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

如上可以看到，通過調(diào)用isArray 方法也可以判斷是否為數(shù)組的列子。
我們現(xiàn)在可以看到，對(duì)于第二點(diǎn)和第三點(diǎn)分別使用instanceof方法和constructor屬性貌似都可以來判斷是否為數(shù)組了，但是也有列外情況，比如在跨框架iframe的時(shí)候使用頁(yè)面中的數(shù)組時(shí)，會(huì)失敗，因?yàn)樵诓煌目蚣躨frame中，創(chuàng)建的數(shù)組是不會(huì)相互共享其prototype屬性的；如下代碼測(cè)試即可得到驗(yàn)證~

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");
//這個(gè)寫法IE下是不支持的，標(biāo)準(zhǔn)瀏覽器firefox，chrome下有

console.log(arr); // 打印出 ["1", "2", "3", "4", "5"]
console.log(arr instanceof Array); // false 
console.log(arr.constructor === Array); // false

如上的方法我們都不能來判斷一個(gè)對(duì)象是否為數(shù)組的方式; 但是我們?cè)诳碋CMA262中可以看到，可以使用 Object.prototype.toString.call()方法來判斷一個(gè)對(duì)象是否為數(shù)組；如下代碼：

function isArray(obj) {
  return Object.prototype.toString.call(obj) == '[object Array]';
}
// 代碼調(diào)用
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

以上就是本文的全部?jī)?nèi)容，幫助大家學(xué)習(xí)JavaScript判斷對(duì)象是否為數(shù)組的方法，希望對(duì)大家的學(xué)習(xí)有所幫助。

您可能感興趣的文章: