使用typeof, false
let arr = [1, 2];
console.log(typeof arr); // object
由于上面的原因, 所有使用typeof不能判斷一個(gè)變量是不是數(shù)組, 因?yàn)闊o論變量Array還是Object, 使用typeof來檢測(cè)都是返回object
使用instanceof, true
let obj = {'name': 'kankk'};
let arr = [1, 2];
console.log(obj instanceof Object); // true
console.log(obj instanceof Array); // false
console.log(arr instanceof Object); // true
console.log(arr instanceof Array); // true
使用instanceof可以判斷一個(gè)變量是否為數(shù)組
使用toString, true
let arr = [1, 2];
arr.toString() === '[object Array]'; // true
Object.prototype.toString.call(arr) === '[object Array]'; // true
上述兩個(gè)方法都可以判斷一個(gè)變量是否為數(shù)組, 但是第一種方法由于可能存在改寫toString()的方法或者不同的對(duì)象可能有自己的toString()方法實(shí)現(xiàn)從而導(dǎo)致不符合判斷要求, 所以使用第二種方法會(huì)更加嚴(yán)謹(jǐn)(一般不會(huì)隨便改寫Object.prototype的), 第二種方法中, call改變toString的this引用為待檢測(cè)的對(duì)象, 返回此對(duì)象的字符串表示, 然后對(duì)比字符串是否為`[object Array]'就可以判斷一個(gè)變量是否為數(shù)組
使用constructor, true
constructor屬性返回創(chuàng)建此對(duì)象的數(shù)組函數(shù)的引用
let arr = [1,2];
arr.constructor === Array; // true
一種通用的判斷數(shù)組的方法:
function isArray(object) {
return object && typeof object === 'object' && Array == object.constructor;
}
使用特征判斷, true
ie8之前的版本不支持
function isArray(object){
return object && typeof object === 'object' &&
// 判斷是否擁有長度屬性
typeof object.length === 'number' &&
// 判斷是否擁有splice方法
typeof object.splice === 'function' &&
// 判斷l(xiāng)ength屬性是否可枚舉, 對(duì)于數(shù)組來說將得到false
!(object.propertyIsEnumerable('length'));
}
使用isArray, true
ie9+
let arr = [1,2];
Array.isArray(arr); // true
let
延伸-判斷類型
類似jQuery的$.type(obj)實(shí)現(xiàn)
Object.prototype.toString.call(obj).replace(/^\[object (.+)\]$/, '$1').toLowerCase();
方法返回類型的小寫(字符串)
Object.prototype的內(nèi)部toString()方法是用來返回表示一個(gè)對(duì)象的內(nèi)部描述的字符串, 利用這個(gè)方法, 可以在任何對(duì)象上調(diào)用它, 從而獲得對(duì)象真正的類型.
