我想检查一个变量是数组还是 JavaScript 中的单个值。
我找到了一个可能的解决方案......
if (variable.constructor == Array)...
这是最好的方法吗?
我想检查一个变量是数组还是 JavaScript 中的单个值。
我找到了一个可能的解决方案......
if (variable.constructor == Array)...
这是最好的方法吗?
有几种方法可以检查变量是否为数组。最佳解决方案是您选择的解决方案。
variable.constructor === Array
这是 Chrome 上最快的方法,很可能是所有其他浏览器。所有数组都是对象,因此检查构造函数属性对于 JavaScript 引擎来说是一个快速的过程。
如果在确定对象属性是否为数组时遇到问题,则必须首先检查该属性是否存在。
variable.prop && variable.prop.constructor === Array
其他一些方法是:
Array.isArray(variable)
2019 年 5 月 23 日使用 Chrome 75 更新,向 @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]';
}
我注意到有人提到了 jQuery,但我不知道有一个isArray()
函数。原来它是在 1.3 版中添加的。
jQuery 按照 Peter 的建议实现了它:
isArray: function( obj ) {
return toString.call(obj) === "[object Array]";
},
已经对 jQuery 充满信心(尤其是他们的跨浏览器兼容性技术)我要么升级到 1.3 版并使用他们的功能(前提是升级不会引起太多问题)或直接在我的代码。
非常感谢您的建议。
在现代浏览器(和一些旧浏览器)中,您可以这样做
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)