我正在尝试编写一个接受字符串列表或单个字符串的函数。如果它是一个字符串,那么我想将它转换为只有一个项目的数组。然后我可以循环它而不用担心错误。
那么我该如何检查变量是否是一个数组?
我已经收集了下面的各种解决方案并创建了一个 jsperf测试。
我正在尝试编写一个接受字符串列表或单个字符串的函数。如果它是一个字符串,那么我想将它转换为只有一个项目的数组。然后我可以循环它而不用担心错误。
那么我该如何检查变量是否是一个数组?
我已经收集了下面的各种解决方案并创建了一个 jsperf测试。
在现代浏览器中,您可以做到
Array.isArray(obj)
(支持者 Chrome 5,Firefox 4.0,IE 9,Opera 10.5和Safari 5)
为了向后兼容,您可以添加以下内容
# 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
ECMAScript标准中给出的用于查找Object类的方法是使用 toString
方法来自 Object.prototype
。
if( Object.prototype.toString.call( someVar ) === '[object Array]' ) {
alert( 'Array!' );
}
或者你可以使用 typeof
测试它是否是一个字符串:
if( typeof someVar === 'string' ) {
someVar = [ someVar ];
}
或者,如果你不关心性能,你可以做一个 concat
到一个新的空数组。
someVar = [].concat( someVar );
还有你可以直接查询的构造函数:
if (somevar.constructor.name == "Array") {
// do something
}
看看一个 彻底治疗 从 @ T.J。克劳德的 博客,如下面的评论中所述。
看看这个 基准 了解哪种方法表现更好: http://jsben.ch/#/QgYAV
从 @Bharath 使用Es6将字符串转换为数组,询问问题:
const convertStringToArray = (object) => {
return (typeof object === 'string') ? Array(object) : object
}
假设:
let m = 'bla'
let n = ['bla','Meow']
let y = convertStringToArray(m)
let z = convertStringToArray(n)
console.log('check y: '+JSON.stringify(y)) . // check y: ['bla']
console.log('check y: '+JSON.stringify(z)) . // check y: ['bla','Meow']
我先检查一下你的实现是否支持 isArray
:
if (Array.isArray)
return Array.isArray(v);
你也可以尝试使用 instanceof
操作者
v instanceof Array
jQuery还提供了一个 $.isArray()
方法:
var a = ["A", "AA", "AAA"];
if($.isArray(a)) {
alert("a is an array!");
} else {
alert("a is not an array!");
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
这是所有方法中最快的(支持所有浏览器):
function isArray(obj){
return !!obj && obj.constructor === Array;
}
Array.isArray运行速度很快,但并不是所有版本的浏览器都支持它。 所以你可以为其他人做一个例外并使用通用方法:
Utils = {};
Utils.isArray = ('isArray' in Array) ?
Array.isArray :
function (value) {
return Object.prototype.toString.call(value) === '[object Array]';
}
想象一下,下面有这个数组:
var arr = [1,2,3,4,5];
Javascript(新旧浏览器):
function isArray(arr) {
return arr.constructor.toString().indexOf("Array") > -1;
}
要么
function isArray(arr) {
return arr instanceof Array;
}
要么
function isArray(arr) {
return Object.prototype.toString.call(arr) === '[object Array]';
}
然后像这样称呼它:
isArray(arr);
Javascript(IE9 +,Ch5 +,FF4 +,Saf5 +,Opera10.5 +)
Array.isArray(arr);
jQuery的:
$.isArray(arr);
角度:
angular.isArray(arr);
下划线和Lodash:
_.isArray(arr);