判断一个变量类型是数组还是对象
數組或者對象的typeof 值都是object。
一、通過length
一般情況下對象沒有length屬性值,其值為undefiend,而數組的length值為number類型。
缺點:非常不實用,當對象的屬性存在length,且其值為number(比如類數組),則該方法失效,不建議使用,看看即可。
二、驗證構造函數
1.instanceof :判斷一個實例是否由構造函數(Array)創建出來
console.log(arr instanceof Array);//true console.log(json instanceof Array);//false2.對象的constructor屬性用于返回創建該對象的構造函數。
console.log(arr.constructor===Array);//true console.log(json.constructor===Array);//false這種方法有2個問題,
一、就是驗證不夠嚴格。 即使對象創建時不是使用數組創建的,但是只要原型鏈上有數組類型,也認為是數組,如下面一段代碼:
二、instanceof 和constructor 判斷的變量,必須在當前頁面聲明的,比如,一個頁面(父頁面)有一個iframe,iframe中引用了一個頁面(子頁面),在子頁面中聲明了一個a,并將其賦值給父頁面的一個變量arr,這時判斷該變量, arr.constructor===Array 或arr instanceof Array都會返回false;
原因:
1、array屬于引用型數據,在傳遞過程中,僅僅是引用地址的傳遞。
2、每個頁面的Array原生對象所引用的地址是不一樣的,在子頁面聲明的array,所對應的構造函數,是子頁面的Array對象;父頁面來進行判斷,使用的Array并不等于子頁面的Array;
三、toString()方法
該方法原理
console.log(Object.prototype.toString.call(arr) === '[object Array]'); //true console.log(Object.prototype.toString.call(json) === '[object Array]'); //false四、數組僅有的方法
console.log(arr.sort === Array.prototype.sort); //trueconsole.log(json.sort === Array.prototype.sort); //false五、Array.isArray()
Array.isArray(arr); // true Array.isArray(obj); //false總結
以上是生活随笔為你收集整理的判断一个变量类型是数组还是对象的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 不定高度的弹框 垂直水平居中
- 下一篇: vue单向数据流与双向绑定两者区别