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