[英]How do I check if a variable is an array in JavaScript?
如何检查变量是否是 JavaScript 中的数组?
if (variable.constructor == Array)
有几种方法可以检查变量是否为数组。 最好的解决方案是您选择的解决方案。
variable.constructor === Array
这是 Chrome 上最快的方法,很可能是所有其他浏览器。 所有数组都是对象,因此检查构造函数属性对于 JavaScript 引擎来说是一个快速的过程。
如果您在确定对象属性是否为数组时遇到问题,您必须首先检查该属性是否存在。
variable.prop && variable.prop.constructor === Array
其他一些方法是:
Array.isArray(variable)
使用 Chrome 75 于 2019 年 5 月 23 日更新,向@AnduAndrici 大声喊叫,让我带着他的问题重新审视这个问题。在我看来,最后一个是最丑陋的,也是最慢的速度之一。 运行速度约为第一个示例的 1/5。 这家伙慢了大约 2-5%,但很难说。 扎实好用! 结果给我留下了深刻的印象。 Array.prototype,其实就是一个数组。 你可以在这里阅读更多关于它的信息https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray
variable instanceof Array
此方法运行速度约为第一个示例的 1/3 。 如果您只关注漂亮的代码而不是性能,那么仍然非常可靠,看起来更干净。 请注意,检查数字不起作用,因为variable instanceof Number
总是返回false
。 更新: instanceof
现在速度提高了 2/3!
所以又一次更新
Object.prototype.toString.call(variable) === '[object Array]';
这家伙是尝试检查阵列最慢的。 但是,这是您正在寻找的任何类型的一站式商店。 但是,由于您要查找数组,因此只需使用上述最快的方法。
另外,我进行了一些测试:http: //jsperf.com/instanceof-array-vs-array-isarray/35所以玩得开心并检查一下。
注意:@EscapeNetscape 在 jsperf.com 关闭时创建了另一个测试。 http://jsben.ch/#/QgYAV我想确保原始链接在 jsperf 重新上线时保持不变。
您还可以使用:
if (value instanceof Array) {
alert('value is Array!');
} else {
alert('Not an array');
}
在我看来,这似乎是一个非常优雅的解决方案,但对每个人来说都是他自己的。
编辑:
从 ES5 开始,现在还有:
Array.isArray(value);
但这会在较旧的浏览器上中断,除非您使用的是 polyfills(基本上...... IE8 或类似的)。
有多种解决方案都有自己的怪癖。 此页面提供了一个很好的概述。 一种可能的解决方案是:
function isArray(o) {
return Object.prototype.toString.call(o) === '[object Array]';
}
在现代浏览器(和一些旧版浏览器)中,您可以这样做
Array.isArray(obj)
(Chrome 5、Firefox 4.0、IE 9、Opera 10.5 和 Safari 5 支持)
如果需要支持老版本的IE,可以使用es5-shim polyfill Array.isArray; 或添加以下内容
# only implement if no native implementation is available
if (typeof Array.isArray === 'undefined') {
Array.isArray = function(obj) {
return Object.prototype.toString.call(obj) === '[object Array]';
}
};
如果你使用 jQuery,你可以使用jQuery.isArray(obj)
或$.isArray(obj)
。 如果你使用下划线,你可以使用_.isArray(obj)
如果您不需要检测在不同帧中创建的数组,您也可以使用instanceof
obj instanceof Array
注意:可用于访问函数参数的arguments
关键字不是数组,即使它(通常)表现得像一个:
var func = function() { console.log(arguments) // [1, 2, 3] console.log(arguments.length) // 3 console.log(Array.isArray(arguments)) // false !!! console.log(arguments.slice) // undefined (Array.prototype methods not available) console.log([3,4,5].slice) // function slice() { [native code] } } func(1, 2, 3)
我注意到有人提到了 jQuery,但我不知道有一个isArray()
函数。 原来它是在 1.3 版中添加的。
jQuery 按照 Peter 的建议实现了它:
isArray: function( obj ) {
return toString.call(obj) === "[object Array]";
},
已经对 jQuery 充满信心(尤其是他们的跨浏览器兼容性技术),我要么升级到 1.3 版并使用它们的功能(前提是升级不会导致太多问题),要么直接在我的代码。
非常感谢您的建议。
这是一个老问题,但遇到同样的问题,我找到了一个非常优雅的解决方案,我想分享。
向 Array 添加原型使其非常简单
Array.prototype.isArray = true;
现在,如果您有一个想要测试的对象,看看它是否是一个数组,您只需要检查新属性
var box = doSomething();
if (box.isArray) {
// do something
}
isArray 仅在其为数组时可用
通过克罗克福德:
function typeOf(value) {
var s = typeof value;
if (s === 'object') {
if (value) {
if (value instanceof Array) {
s = 'array';
}
} else {
s = 'null';
}
}
return s;
}
Crockford 提到的主要失败是无法正确确定在不同上下文中创建的数组,例如window
。 如果这还不够,该页面有一个更复杂的版本。
如果您只处理 EcmaScript 5 及更高版本,那么您可以使用内置的Array.isArray
函数
例如,
Array.isArray([]) // true
Array.isArray("foo") // false
Array.isArray({}) // false
我个人喜欢彼得的建议: https ://stackoverflow.com/a/767499/414784(对于 ECMAScript 3。对于 ECMAScript 5,使用Array.isArray()
)
然而,帖子上的评论表明,如果toString()
完全改变,那么检查数组的方式将失败。 如果您真的想具体并确保toString()
没有被更改,并且 objects 类属性没有问题( [object Array]
是数组对象的类属性),那么我建议这样做像这样的东西:
//see if toString returns proper class attributes of objects that are arrays
//returns -1 if it fails test
//returns true if it passes test and it's an array
//returns false if it passes test and it's not an array
function is_array(o)
{
// make sure an array has a class attribute of [object Array]
var check_class = Object.prototype.toString.call([]);
if(check_class === '[object Array]')
{
// test passed, now check
return Object.prototype.toString.call(o) === '[object Array]';
}
else
{
// may want to change return value to something more desirable
return -1;
}
}
请注意,在 JavaScript The Definitive Guide 6th edition, 7.10 中,它说Array.isArray()
是使用 ECMAScript 5 中的Object.prototype.toString.call()
实现的。另请注意,如果您要担心toString()
'在实现更改时,您还应该担心其他所有内置方法也会更改。 为什么使用push()
? 有人可以改变它! 这样的做法是愚蠢的。 上述检查是为那些担心toString()
更改的人提供的解决方案,但我认为检查是不必要的。
当我发布这个问题时,我使用的 JQuery 版本不包含isArray
函数。 如果有的话,我可能会使用它,相信该实现是执行此特定类型检查的最佳独立于浏览器的方式。
由于 JQuery 现在确实提供了这个功能,所以我会一直使用它......
$.isArray(obj);
(从 1.6.2 版开始)它仍然使用形式的字符串比较来实现
toString.call(obj) === "[object Array]"
我想我会为那些可能已经在他们的脚本中使用 Underscore.js 库的人添加另一个选项。 Underscore.js 有一个 isArray() 函数(参见http://underscorejs.org/#isArray )。
_.isArray(object)
如果 object 是一个数组,则返回 true。
如果你使用 Angular,你可以使用 angular.isArray() 函数
var myArray = [];
angular.isArray(myArray); // returns true
var myObj = {};
angular.isArray(myObj); //returns false
在 Crockford 的JavaScript The Good Parts中,有一个函数可以检查给定参数是否为数组:
var is_array = function (value) {
return value &&
typeof value === 'object' &&
typeof value.length === 'number' &&
typeof value.splice === 'function' &&
!(value.propertyIsEnumerable('length'));
};
他解释说:
首先,我们询问该值是否真实。 我们这样做是为了拒绝 null 和其他虚假值。 其次,我们询问 typeof 值是否为 'object'。 对于对象、数组和(奇怪的)空值,这将是正确的。 第三,我们询问该值是否具有一个数字的长度属性。 这对于数组总是如此,但通常不适用于对象。 第四,我们询问该值是否包含拼接方法。 这对于所有阵列都是如此。 最后,我们询问长度属性是否是可枚举的(长度是否会由 for in 循环产生?)。 这对于所有数组都是错误的。 这是我发现的最可靠的阵列测试。 不幸的是,它是如此复杂。
通用解决方案如下:
Object.prototype.toString.call(obj)=='[object Array]'
从 ECMAScript 5 开始,正式的解决方案是:
Array.isArray(arr)
此外,对于旧的 JavaScript 库,您可以找到以下解决方案,尽管它不够准确:
var is_array = function (value) {
return value &&
typeof value === 'object' &&
typeof value.length === 'number' &&
typeof value.splice === 'function' &&
!(value.propertyIsEnumerable('length'));
};
解决方案来自http://www.pixelstech.net/topic/85-How-to-check-whether-an-object-is-an-array-or-not-in-JavaScript
对于那些打代码的人来说,一个字符最少的不可靠测试:
function isArray(a) {
return a.map;
}
这在遍历/展平层次结构时通常使用:
function golf(a) {
return a.map?[].concat.apply([],a.map(golf)):a;
}
input: [1,2,[3,4,[5],6],[7,[8,[9]]]]
output: [1, 2, 3, 4, 5, 6, 7, 8, 9]
从https://github.com/miksago/Evan.js/blob/master/src/evan.js引用的代码
var isArray = Array.isArray || function(obj) {
return !!(obj && obj.concat && obj.unshift && !obj.callee);};
我正在使用这行代码:
if (variable.push) {
// variable is array, since AMAIK only arrays have push() method.
}
我创建了一小段代码,它可以返回真正的类型。
我还不确定性能,但这是正确识别 typeof 的尝试。
https://github.com/valtido/better-typeOf也在这里写了一些博客http://www.jqui.net/jquery/better-typeof-than-the-javascript-native-typeof/
它的工作原理类似于当前的 typeof。
var user = [1,2,3]
typeOf(user); //[object Array]
它认为它可能需要一些微调,并考虑到一些事情,我没有遇到或正确测试它。 因此欢迎进一步改进,无论是性能方面的,还是错误地重新报告 typeOf。
我认为使用 myObj.constructor==Object 和 myArray.constructor==Array 是最好的方法。 它比使用 toString() 快近 20 倍。 如果您使用自己的构造函数扩展对象并希望这些创建也被视为“对象”,那么这是行不通的,但否则它会更快。 typeof 与构造函数方法一样快,但 typeof []=='object' 返回 true,这通常是不可取的。 http://jsperf.com/constructor-vs-tostring
需要注意的一点是 null.constructor 会抛出一个错误,所以如果你可能要检查 null 值,你必须首先执行 if(testThing!==null){}
来自w3schools :
function isArray(myArray) {
return myArray.constructor.toString().indexOf("Array") > -1;
}
我喜欢布赖恩的回答:
function is_array(o){
// make sure an array has a class attribute of [object Array]
var check_class = Object.prototype.toString.call([]);
if(check_class === '[object Array]') {
// test passed, now check
return Object.prototype.toString.call(o) === '[object Array]';
} else{
// may want to change return value to something more desirable
return -1;
}
}
但你可以这样做:
return Object.prototype.toString.call(o) === Object.prototype.toString.call([]);
我在这里尝试了大多数解决方案。 但他们都没有工作。 然后我想出了一个简单的解决方案。 希望它会帮助某人并节省他们的时间。
if(variable.constructor != undefined && variable.constructor.length > 0) {
/// IT IS AN ARRAY
} else {
/// IT IS NOT AN ARRAY
}
由于 .length 属性对于 javascript 中的数组是特殊的,因此您可以简单地说
obj.length === +obj.length // true if obj is an array
Underscorejs 和其他几个库使用这个简短而简单的技巧。
我刚想出的东西:
if (item.length) //This is an array else //not an array
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.