js判断一个变量是不是数组

使用typeof, false

let arr = [1, 2];
console.log(typeof arr); // object

由于上面的原因, 所有使用typeof不能判断一个变量是不是数组, 因为无论变量Array还是Object, 使用typeof来检测都是返回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可以判断一个变量是否为数组

使用toString, true

let arr = [1, 2];
arr.toString() === '[object Array]'; // true
Object.prototype.toString.call(arr) === '[object Array]'; // true

上述两个方法都可以判断一个变量是否为数组, 但是第一种方法由于可能存在改写toString()的方法或者不同的对象可能有自己的toString()方法实现从而导致不符合判断要求, 所以使用第二种方法会更加严谨(一般不会随便改写Object.prototype的), 第二种方法中, call改变toString的this引用为待检测的对象, 返回此对象的字符串表示, 然后对比字符串是否为`[object Array]'就可以判断一个变量是否为数组

使用constructor, true

constructor属性返回创建此对象的数组函数的引用

let arr = [1,2];
arr.constructor === Array; // true

一种通用的判断数组的方法:

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' &&
// 判断length属性是否可枚举, 对于数组来说将得到false
!(object.propertyIsEnumerable('length'));
}

使用isArray, true

ie9+

let arr = [1,2];
Array.isArray(arr); // true
let

延伸-判断类型

类似jQuery的$.type(obj)实现

Object.prototype.toString.call(obj).replace(/^\[object (.+)\]$/, '$1').toLowerCase();

方法返回类型的小写(字符串)
Object.prototype的内部toString()方法是用来返回表示一个对象的内部描述的字符串, 利用这个方法, 可以在任何对象上调用它, 从而获得对象真正的类型.