在JavaScript中,数组是一种非常重要的数据类型。判断一个变量是否为数组,在开发过程中也是经常使用的操作。本文将从多个方面对JavaScript中判断是否为数组的方法进行详解。
一、typeOf方法
typeOf方法可以判断一个变量的数据类型。对于数组类型,返回的数据是"object"。因此,可以使用typeOf方法来判断数组。
function isArray(obj){
return Object.prototype.toString.call(obj)==='[object Array]';
}
console.log(isArray([])); //true
console.log(isArray({})); //false
console.log(isArray(null)); //false
console.log(isArray(undefined)); //false
console.log(isArray(123)); //false
console.log(isArray('')); //false
上述代码中,我们使用了typeOf判断,但是由于typeOf无法判断null和undefined的类型,所以我们还需要进行补充判断。通过调用Object的原型方法toString(),我们可以获取当前对象的类型的字符串表示。对于数组类型,返回的数据是"[object Array]"。因此,我们可以写出isArray函数的代码。
二、instanceof方法
instanceof方法可以判断一个对象是否为特定类的实例。对于数组类型,我们可以使用Array类来判断。
console.log([] instanceof Array); //true
console.log({} instanceof Array); //false
console.log(null instanceof Array); //false
console.log(undefined instanceof Array); //false
console.log(123 instanceof Array); //false
console.log('' instanceof Array); //false
利用instanceof判断一个对象是否为Array的实例,这个方法看似简单,但是实际使用过程中需要注意。
首先,instanceof无法处理原生类型。例如数字、字符串、布尔类型无法使用instanceof判断。
其次,如果当前环境中存在多个全局对象,例如开发中使用了多个iframe,那么instanceof的判断就会失效。这是因为instanceof是通过检查对象的原型链中是否存在特定类的原型来判断对象是否为特定类的实例。如果出现多个全局对象,那么会存在多个版本的Array类,就会造成判断的混淆。
三、Array.isArray方法
ECMAScript 5标准中新增了Array.isArray方法,可以判断一个对象是否为数组。该方法不会受到多个全局对象的影响,并且可以正确判断数组对象。
console.log(Array.isArray([])); //true
console.log(Array.isArray({})); //false
console.log(Array.isArray(null)); //false
console.log(Array.isArray(undefined)); //false
console.log(Array.isArray(123)); //false
console.log(Array.isArray('')); //false
四、constructor属性
constructor属性可以返回对象的构造函数。对于数组类型,我们可以使用Array构造函数来判断。
function isArray(obj){
return obj && obj.constructor === Array;
}
console.log(isArray([])); //true
console.log(isArray({})); //false
console.log(isArray(null)); //false
console.log(isArray(undefined)); //false
console.log(isArray(123)); //false
console.log(isArray('')); //false
上述代码中,我们首先判断obj的值是否为null或undefined。因为null和undefined没有构造函数属性,所以如果不进行判断,就会抛出错误。接着,我们判断obj的构造函数是否为Array。如果是,就说明obj是一个数组。
五、jQuery.isArray方法
jQuery中也提供了isArray方法,可以用于判断一个变量是否为数组。该方法内部实现和Array.isArray方法类似。
console.log(jQuery.isArray([])); //true
console.log(jQuery.isArray({})); //false
console.log(jQuery.isArray(null)); //false
console.log(jQuery.isArray(undefined)); //false
console.log(jQuery.isArray(123)); //false
console.log(jQuery.isArray('')); //false
需要注意的是,使用该方法前需要先加载jQuery库文件。
小结
在JavaScript中判断是否为数组的方法有很多,包括typeOf、instanceof、Array.isArray、constructor属性以及jQuery提供的isArray方法。其中,ECMAScript 5标准中新增的Array.isArray方法使用最为广泛,结合原型链屏蔽特性,可以保证多个全局对象下的正确性判断。使用时需要根据实际情况进行选用。