首頁  >  文章  >  web前端  >  JavaScript判斷變數是否為陣列的方法(Array)_javascript技巧

JavaScript判斷變數是否為陣列的方法(Array)_javascript技巧

WBOY
WBOY原創
2016-05-16 15:14:001183瀏覽

 今天小編給大家整理些關於javascript判斷變數是否是陣列(Array)的相關知識,主要透過以下四點給大家展開話題,具體內容如下圖:

1. typeof真的那麼厲害嗎? ?

//首先看代码
var ary = [1,23,4];
console.log(typeof ary); //输出结果是Object

上面的辦法並不能即時的檢測出是否是數組,只能判斷其類型,所以說typeof判斷基本類型資料還是挺好的,但是不能準確測試出是否是數組(typeof的具體用法以後提及,現在回歸正題)

2.instanceof 判斷

var ary = [1,23,4];
console.log(ary instanceof Array)//true;

從輸出的效果來看,還是挺令人滿意的,能準確的檢測出數據類型是否是數組,不要高興的太早,大家先想想這個的缺點,我們接著說第三種方法

3.原型鏈方法

var ary = [1,23,4];
console.log(ary.__proto__.constructor==Array);//true
console.log(ary.constructor==Array)//true 这两段代码是一样的

這個辦法開起來好高大上哦~~,利用了原型鏈的方法,但是但是,這個是有兼容的哦,在IE早期版本里面__proto__是沒有定義的哦~而且,這個仍然有局限性,我們現在就來總結第2種方法和第3種方法局限性

總結第2種方法和第3種方法限制

instanceof 和constructor 判斷的變量,必須在當前頁面聲明的,比如,一個頁面(父頁面)有一個框架,框架中引用了一個頁面(子頁面),在子頁面中聲明了一個ary,並將其賦值給父頁面的一個變量,這時判斷該變量,Array == object.constructor;會回傳false;

原因:

1、array屬於引用型數據,在傳遞過程中,僅是引用位址的傳遞。

2、每個頁面的Array原生物件所引用的位址是不一樣的,在子頁面宣告的array,所對應的建構函數,是子頁面的Array物件;父頁來進行判斷,使用的Array不等於子頁面的Array;切記,不然很難追蹤問題!

4.通用的方法

var ary = [1,23,4];
function isArray(o){
return Object.prototype.toString.call(o)=='[object Array]';
}
console.log(isArray(ary));

具體Object.prototype.toString 的用法,請參考 Object.prototype.toString的用法

好了關於JavaScript判斷變數是否為數組的方法(Array)就給大家介紹這麼多,今天主要給大家總結了這四種,本文寫的不好還請各位大俠多多指教,謝謝!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn