JS區分Object與Aarry方法總結

一、經常遇見的問題：

JS中判斷一個物件的類型時，通常使用typeof，這時候問題就來了，因為typeof()辨別數組的時候返回的是object,所以JS

中判斷一個物件是不是陣列需要一些特殊的處理方式，以下將介紹個人總結的六種處理方法。

二、開門見山

開發中要判斷一個物件是不是數組，推薦使用下面這個函數：

function isArray(obj){
  if(Array.isArray){
    return Array.isArray(obj);
  }else{
   return Object.prototype.toString.call(obj)==="[object Array]";
  }
}

上面這個函數是方便急於解決問題的人，下面我將具體述說六種方法，因為可能面試的時候考官需要一個知識全面的你；

三、六種方案詳解：

（1）方法一：利用toString方法

透過呼叫toString( )方法試著將變數轉換為代表其類型的string。此方法對於真正的array可行；參數物件轉換為string時

返回[object Arguments]會轉換失敗；此外， 對於含有數字長度屬性的object類別也會轉換失敗。

方法如下：

nbsp;html>

 
 <title>Array的判断方法</title>
 <meta>
 <script>
	function isArrayOne(arr){
		return <span style="color:#cc0000;">Object.prototype.toString.call(arr) === "[object Array]";
	}
	var obj = {"k1":"v1"};
	var arr = [1,2];
	console.log("对象的结果："+isArrayOne(obj));
	console.log("数组的结果："+isArrayOne(arr));
 </script>
 
 
 
 

#結果如圖：

注意：建議使用「===」全等於而不使用「==」等於，因為效率更高！

（2）方法二：透過isArray：

使用Javascript 1.8.5（ECMAScript 5），變數名字.isArray( )可以實現這個目的，前提是有支援這一函數，其實isArray就是

方法一的封裝使用。

使用方法十分簡單：

Array.isArray(obj); //obj是待偵測的物件

傳回true或false，如果為true則為陣列

（3）方法三：透過instanceof運算子來判斷，

注意：instanceof運算子左邊是子物件（待測物件），右邊是父建構子（這裡是Array），

即：子物件instanceof 父建構子

instance: 實例：凡是用new 建構子()建立的對象，都稱為建構子的實例

#扯半天都迷糊了，還是直接看程式碼好：

nbsp;html>

 
 <meta>
 <meta>
 <meta>
 <meta>
 <meta>
 <title>Document</title>
 <script>
	var obj = {"k1":"v1"};
	var arr = [1,2];
	console.log("Instanceof处理对象的结果："+(obj instanceof Array));
	console.log("Instanceof处理数组的结果："+(arr instanceof Array));
 </script>
 
 
 
 

#運行結果如下：

## （4）使用isPrototypeOf()函數

原理：偵測一個物件是否為Array的原型（或處於原型鏈中，不但可偵測直接父對象，還可偵測整個原型鏈上的所有父物件）

使用方法: parent.isPrototypeOf(child)來偵測parent是否為child的原型;

需注意的是isPrototypeOf()函數實作的功能和instancof運算子非常類似;

具體程式碼：

Array.prototype.isPrototypeOf(arr) //true表示是數組，false不是數組

（5）利用建構子constructor

具體程式碼：

nbsp;html>

 
 <meta>
 <meta>
 <meta>
 <meta>
 <meta>
 <title>Document</title>
 <script>
	var obj = {&#39;k&#39;:&#39;v&#39;};
	var t1 = new Array(1);
	var t2 = t1;
	console.log(obj.constructor == Array);
	console.log(t1.constructor == Array);
	console.log(t2.constructor == Array);
 </script>
 
 
	
 

結果如圖

（6）使用typeof(對象)+型別名稱結合判斷：

程式碼如下：

nbsp;html>

 
 <meta>
 <meta>
 <meta>
 <meta>
 <meta>
 <title>Document</title>
 <script>
	function isArrayFour(arr){
		if(typeof(arr)==="object"){
			if(arr.concat){
				return "This is Array";
			}else{
				return "This Not Array";
			}
		}
	}
	var arr = [1];
	var obj = {&#39;k&#39;:&#39;v&#39;};
	console.log(typeof(arr));
	console.log(typeof(obj));
	console.log(isArrayFour(arr));
	console.log(isArrayFour(obj));
 </script>
 
 
 
 

結果如下：

這種方法其實有限制性，有的同學可能一下就破解了，那就是要是

要是物件中不巧定義了這屬性怎麼辦

var obj = {'concat':'Teast me?'};

以上這篇JS區分Object與Aarry的六種方法總結就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持PHP中文網。

更多JS區分Object與Aarry方法總結相關文章請關注PHP中文網！

#