今天小編給大家整理些關於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)就給大家介紹這麼多,今天主要給大家總結了這四種,本文寫的不好還請各位大俠多多指教,謝謝!