如何检查对象是否为数组?[复制]

How can I check if an object is an array? [duplicate]

提问人:mpen 提问时间:1/24/2011 最后编辑:jonrsharpempen 更新时间:8/31/2021 访问量:2024792

问:

我正在尝试编写一个接受字符串列表或单个字符串的函数。如果它是一个字符串,那么我想将其转换为只有一个项目的数组,这样我就可以遍历它而不必担心出错。

那么如何检查变量是否为数组呢?

数组 javascript 对象

评论

8赞 rr1g0 7/24/2015
我以为你的意思是“检查对象是否是数组”,但你想检查“对象是字符串数组还是单个字符串”。不确定你是否看到了?还是只有我?我在想更像这样的事情......我是这里缺少什么的人吗?
184赞 Neta 11/24/2015
TL;DR - 速度最快。arr.constructor === Array
5赞 EscapeNetscape 10/25/2016
jsben.ch/#/QgYAV - 最常见方式的基准
56赞 Ondra Žižka 12/19/2016
TL;DR - 数组。isArray(arr) 从 ES5 开始;和 $。isArray(arr) 在 jQuery 中。
8赞 ghaschel 2/24/2018
请记住,如果您出于任何原因通过原型覆盖您的构造函数,该测试将返回 false。 不过仍然返回 true。arr.constructor === ArrayArray.isArray(arr)

答:

2059赞 user113716 1/24/2011 #1

ECMAScript 标准中给出的查找 Object 类的方法是使用 中的方法。toStringObject.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
}

查看 TJ Crowder 博客中的彻底治疗,如他在下面的评论中所发布的那样。

查看此基准测试,了解哪种方法性能更好: 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']

评论

72赞 T.J. Crowder 1/24/2011
+1 是的,是要走的路之一。我在这里做了一些综述:blog.niftysnippets.org/2010/09/say-what.htmltoString
17赞 Pramod 3/15/2013
如果您不想键入 “[object Array]”,请使用 Object.prototype.toString.call( someVar ) === Object.prototype.toString.call( [] ) 或者如果您不想键入 Object.prototype.toString.call,请使用一个方便的函数来获取类型
17赞 David Gilbertson 10/11/2013
我使用适用于“现代浏览器”(即 IE9+ 和其他所有人)的 vanilla Array.isArray。对于旧的浏览器支持,请使用 MDN developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/ 中的垫片......
28赞 mcfedr 11/13/2015
生活在现代世界——Array.isArray(obj)
1322赞 ChaosPandion 1/24/2011 #2

我会首先检查您的实现是否支持:isArray

if (Array.isArray)
    return Array.isArray(v);

您也可以尝试使用运算符instanceof

v instanceof Array

评论

134赞 pepkin88 1/3/2012
v instanceof Array如果在另一个帧中创建(是类的实例),将返回 false。vvthatFrame.contentWindow.Array
48赞 jevon 10/23/2012
具体来说:Array.isArray 被定义为 ECMAScript 5/Javascript 1.8.5 的一部分。
5赞 Tim Down 1/24/2011 #3

如果可以传递给此函数的只有两种值是字符串或字符串数组,请保持简单,并检查字符串的可能性:typeof

function someFunc(arg) {
    var arr = (typeof arg == "string") ? [arg] : arg;
}

评论

0赞 mpen 1/24/2011
是的。。。这适用于这种情况,但一般情况下不适用。无论如何,最终还是使用了 varargs。:)
6赞 John Wundes 3/24/2012 #4

我见过的最好的解决方案是跨浏览器替换 typeof。查看安格斯·克罗尔(Angus Croll)的解决方案

The TL;DR 版本在下面,但这篇文章对这个问题进行了很好的讨论,所以如果你有时间,你应该阅读它。

Object.toType = function(obj) {
    return ({}).toString.call(obj).match(/\s([a-z|A-Z]+)/)[1].toLowerCase();
}
// ... and usage:
Object.toType([1,2,3]); //"array" (all browsers)

// or to test...
var shouldBeAnArray = [1,2,3];
if(Object.toType(shouldBeAnArray) === 'array'){/* do stuff */};
306赞 janr 4/2/2012 #5

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>

评论

29赞 Jacob Squires 4/17/2014
请注意,jQuery 在内部使用 toString 方法: GitHub 源
12赞 Eugene 4/4/2012 #6

我知道,人们正在寻找某种原始的 JavaScript 方法。但是,如果你想少想一点,看看Underscore.jsisArray

_.isArray(object)

如果 object 是 Array,则返回 true。

(function(){ return _.isArray(arguments); })();
=> false
_.isArray([1,2,3]);
=> true

评论

10赞 Michał Perłakowski 1/10/2016
“除非框架/库的另一个标签也包含在内,否则预计会有一个纯 JavaScript 答案。”
18赞 Billy Moon 8/8/2012 #7

我会做一个函数来测试你正在处理的对象类型......

function whatAmI(me){ return Object.prototype.toString.call(me).split(/\W/)[2]; }

// tests
console.log(
  whatAmI(["aiming","@"]),
  whatAmI({living:4,breathing:4}),
  whatAmI(function(ing){ return ing+" to the global window" }),
  whatAmI("going to do with you?")
);

// output: Array Object Function String

然后你可以写一个简单的 if 语句......

if(whatAmI(myVar) === "Array"){
    // do array stuff
} else { // could also check `if(whatAmI(myVar) === "String")` here to be sure
    // do string stuff
}
32赞 MidnightTortoise 9/5/2012 #8

一个简单的函数来检查这一点:

function isArray(object)
{
    return object.constructor === Array;
}

评论

17赞 mpen 9/5/2012
我会将其减少到一行 - 但是您确定这只会为数组返回true吗?return object.constructor === Array
13赞 mpen 9/5/2012
可以使用所有布尔表达式执行此操作。当我看到时让我发疯:-)即使它是倒退的,你也应该否定这个表达式。if(x) return true; else return false
8赞 John Henckel 3/20/2015
如果对象未定义或为 null,则此操作会严重失败。
21赞 ajax333221 9/15/2012 #9

正如 MDN 在这里所说:

使用 Array.isArrayObject.prototype.toString.call 来区分 数组中的常规对象

喜欢这个:

  • Object.prototype.toString.call(arr) === '[object Array]'

  • Array.isArray(arr)

35赞 CruorVult 12/11/2012 #10

Array.isArray 运行速度很快,但并非所有版本的浏览器都支持它。

因此,您可以为其他人设置例外并使用通用方法:

    Utils = {};
    Utils.isArray = ('isArray' in Array) ?
        Array.isArray :
        function (value) {
            return Object.prototype.toString.call(value) === '[object Array]';
        }

评论

0赞 jbobbins 9/8/2022
Array.isArray 现在几乎被所有现代浏览器所支持 caniuse.com/?search=isArray
5赞 namuol 1/11/2013 #11

这是我的懒惰方法:

if (Array.prototype.array_ === undefined) {
  Array.prototype.array_ = true;
}

// ...

var test = [],
    wat = {};

console.log(test.array_ === true); // true
console.log(wat.array_ === true);  // false

我知道“弄乱”原型是亵渎神明的,但它的性能似乎比推荐的 toString 方法要好得多

注意:这种方法的一个缺陷是它不能跨 iframe 边界工作,但对于我的用例来说,这不是问题。

评论

1赞 test30 7/21/2014
它在性能方面不再更好,至少在 Ubuntu 30 位上的 FF64 上是这样
2赞 Bergi 8/7/2015
被物体愚弄。wat = {array_: true}
0赞 namuol 8/8/2015
@Bergi:是的,这应该是显而易见的。如果你在设置 ,那么你只是在愚弄自己obj.array_ = true
0赞 Bergi 8/9/2015
@namuol:我不一定是在自欺欺人。通常有足够多的对象被用作字典。想象一个对象来记忆搜索结果,它使用搜索字符串作为属性键。如果用户搜索 ?你的对象会因此而变成数组吗?这只是一个错误。cachearray_
0赞 Bergi 8/9/2015
@namuol:此外,这种方法需要所有相关方(包括使用的库)能够同意用于标记数组。这里真的不是这样,可能意味着什么。您至少应该使用描述性字符串,并表明任意使用的不适当性,例如使用 ..array_.array.__isArray = true
16赞 Ahmet DAL 1/15/2013 #12

您可以检查变量的类型是否为数组;

var myArray=[];

if(myArray instanceof Array)
{
....
}

评论

2赞 mpen 1/16/2013
有几个人已经提到过..我认为它在一些奇怪的情况下失败了。instanceof
0赞 Marcus 2/12/2013 #13

由于我不喜欢任何 Object.prototype 调用,因此我搜索了另一种解决方案。特别是因为 ChaosPandion 的解决方案并不总是有效,而 MidnightTortoise 的解决方案不适用于来自 DOM 的数组(如 getElementsByTagName)。最后,我找到了一个简单的跨浏览器解决方案,它可能也适用于 Netscape 4。;)isArray()

只有这四行(检查任何对象):h

function isArray(h){
    if((h.length!=undefined&&h[0]!=undefined)||(h.length===0&&h[0]===undefined)){
        return true;
    }
    else{ return false; }
}

我已经测试了这些数组(都返回 true):

1) array=d.getElementsByName('some_element'); //'some_element' can be a real or unreal element
2) array=[];
3) array=[10];
4) array=new Array();
5) array=new Array();
   array.push("whatever");

这是否适用于所有情况?或者我的解决方案是否不起作用?

评论

2赞 the system 2/16/2013
误报太多。, ,isArray(function(){}); // trueisArray("foo"); // trueisArray({length:0}); // true
2赞 the system 2/16/2013
...无论如何,NodeList 都不是 Array。
0赞 Marcus 2/16/2013
感谢您分享您的测试结果。这让我更深入地了解了 Javascript 在内部是如何工作的。
0赞 Marcus 2/16/2013
charAt 的使用在我的代码中随处可见。;)
0赞 Marcus 2/16/2013
事实证明,在 JS 中,所有字符串都是函数:,数组是函数:,甚至是这样的结构:,这可以通过 来证明。但问题是:有些函数是偶数数组,例如字符串是数组。;)alert("foo".constructor);var bar=["id","12345"]; alert(bar.constructor);foobar={"id":"12345"};alert(foobar.constructor);
26赞 Safareli 3/5/2013 #14

您可以使用 Array.isArray()。下面是一个 polyfill:

if (Array.isArray == null) {
  Array.isArray = (arr) => Object.prototype.toString.call(arr) === "[object Array]"
}

评论

0赞 Peter Mortensen 8/13/2021
你能详细说明一下吗?例如,为什么“Array.isArray”在“=”的两边?“Array.isArray”是一个方法。工作原理是什么?请通过编辑(更改)您的答案来回复,而不是在评论中(没有“编辑:”,“更新:”或类似内容 - 答案应该看起来像今天写的一样)。
4赞 exebook 3/12/2013 #15
A = [1,2,3]
console.log(A.map == [].map)

为了寻找最短的版本,这是我到目前为止得到的。

请注意,没有完美的函数可以始终检测所有可能的组合。了解工具的所有功能和局限性比期望神奇的工具要好。

评论

1赞 dmi3y 3/31/2013
我的轻微衍生,但是是的,这可能是猴子补丁者世界的滑路;)A.map !== undefined
0赞 WiredPrairie 10/28/2013
仅供参考:这不适用于 iFrames(stackoverflow.com/questions/460256/...)
0赞 Peter Mortensen 8/13/2021
它为什么有效?工作原理是什么?请通过编辑(更改)您的答案来回复,而不是在评论中(没有“编辑:”,“更新:”或类似内容 - 答案应该看起来像今天写的一样)。
4赞 RoboTamer 10/30/2013 #16
function isArray(value) {
    if (value) {
        if (typeof value === 'object') {
            return (Object.prototype.toString.call(value) == '[object Array]')
        }
    }
    return false;
}

var ar = ["ff","tt"]
alert(isArray(ar))

评论

0赞 Peter Mortensen 8/13/2021
解释是有序的。请通过编辑(更改)您的答案来回复,而不是在评论中(没有“编辑:”,“更新:”或类似内容 - 答案应该看起来像今天写的一样)。
5赞 Salvador Dali 12/15/2013 #17

Stoyan Stefanov 的《JavaScript Patterns》一书中有一个很好的例子,它应该处理所有可能的问题,并使用 ECMAScript 5 方法 Array.isArray()。

所以这里是:

if (typeof Array.isArray === "undefined") {
    Array.isArray = function (arg) {
        return Object.prototype.toString.call(arg) === "[object Array]";
    };
}

顺便说一句,如果你使用的是jQuery,你可以使用它的方法$.isArray()。

评论

2赞 Marco Demaio 2/18/2014
+1: 为什么不只是一个简单的?if(!Array.isArray) {...
1575赞 Fela 1/7/2014 #18

在现代浏览器中,您可以执行以下操作:

Array.isArray(obj)

(基金资助Chrome 5、Firefox 4.0、Internet Explorer 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,则可以使用 或 .如果使用 Underscore.js,则可以使用 .jQuery.isArray(obj)$.isArray(obj)_.isArray(obj)

如果你不需要检测在不同帧中创建的数组,你也可以只使用:instanceof

obj instanceof Array

评论

11赞 lightswitch05 12/18/2014
以下是支持以下浏览器的更完整列表Array.isArray
28赞 jschoi 9/22/2018
@NobleUplift:如果数组来自不同的帧,则失败,因为来自该不同帧的每个数组都具有不同的构造函数和原型。出于兼容性/安全性原因,每个帧都有自己的全局环境,其中包括全局对象。一个帧的全局与另一个帧的全局不同。对于全球来说也是如此。阿克塞尔·劳施迈尔(Axel Rauschmayer)对此进行了更多讨论instanceof ArrayArrayObjectObjectArray
2赞 Andrew 5/21/2022
请注意,截至 2022 年,这得到了很好的支持(甚至支持许多浏览器版本): caniuse.com/?search=isArray 现在也是最快的方法:jsben.ch/QgYAV
4赞 Brad Parks 2/2/2014 #19

用于测试输入值是否为数组的简单函数如下:

function isArray(value)
{
  return Object.prototype.toString.call(value) === '[object Array]';
}

这适用于跨浏览器和较旧的浏览器。这是从 T.J. Crowders 的博客文章中摘录

13赞 Dexygen 4/2/2015 #20

这是我在考虑评论后改进此答案的尝试:

var isArray = myArray && myArray.constructor === Array;

它删除了 if/else,并考虑了数组为 null 或未定义的可能性

评论

0赞 TechTurtle 2/22/2017
构造函数在 ES5 中不可用
14赞 rsbkk 4/4/2015 #21

我以一种非常简单的方式做到这一点。它对我有用。

Array.prototype.isArray = true;

a=[]; b={};
a.isArray  // true
b.isArray  // (undefined -> false)

评论

9赞 Bergi 8/7/2015
被愚弄{isArray:true}
1赞 Roy Tinker 12/20/2016
JSON.parse(someDataFromElsewhere).items.isArray可能会返回 true(取决于数据)并破坏您的代码。
1赞 Sensei_Shoh 4/6/2015 #22

这是我想出并一直用于我的项目的解决方案......

function isArray (o) {
    return typeof o === "object" && o.length !== undefined;
}

isArray({}); // false
isArray(1); // false
isArray("str"); // false
isArray(function(){}); // false

isArray([]); // true

唯一的缺陷是,如果你的对象恰好有一个长度属性,它会给出误报:

isArray({length:0}); // true

如果你对这个缺点感到满意,并且知道你的纯对象不会有这个属性,那么它是一个干净的解决方案,应该比 Object.prototype.toString.call 方法更快。

评论

0赞 László Kardinál 2/24/2016
isArray( 新字符串() );返回 true
0赞 Sensei_Shoh 2/25/2016
是的,我在示例下方的评论中指出了一个陷阱:“唯一的陷阱是,如果您的对象恰好具有长度属性,它会给出误报”
1赞 Nas Tika 4/13/2015 #23

用:

var is_array = function (value) {
   return value &&
     typeof value === 'object' &&
     typeof value.length === 'number' &&
     typeof value.splice === 'function' &&
    !(value.propertyIsEnumerable('length'));
};

这个函数取自“JavaScript: The Good Parts”一书,它对我来说非常有效。

评论

0赞 Michał Perłakowski 1/10/2016
var object = {splice: function(){}}; Object.defineProperty(object, "length", {value: 1, enumerable: false}); console.log(is_array(object));
-4赞 Gaurav 7/8/2015 #24
 var length = 16;                               // Number
 var lastName = "Johnson";                      // String
 var cars = ["Saab", "Volvo", "BMW"];           // Array
 var x = {firstName:"John", lastName:"Doe"};

 Object.prototype.myCheck= function(){
 if (this.constructor === Array){
          alert('array');
        }else if (this.constructor === Object)
       {
         alert('object');
        }else if (this.constructor === Number)
        {
          alert('number');
        }else if (this.constructor === String)
        {
          alert('string');
        }

 }
 cars.myCheck();
 lastName.myCheck();
 length.myCheck();

评论

1赞 mpen 7/9/2015
如果你不打算这样称呼它,你为什么要把你的方法作为 Object 的原型?cars.myCheck()
0赞 Gaurav 7/10/2015
是的,标记你是对的,它应该是 cars.myCheck()..更新了答案
2赞 mpen 7/10/2015
还是没有。如果你要让它成为原型方法,你应该放弃参数并改用 inside。此外,仅发出警报的功能对任何人都没有多大用处。objthis
12赞 le_top 8/1/2015 #25

我已经用两种替代方法更新了 jsperf 小提琴以及错误检查。

事实证明,在“Object”和“Array”原型中定义常量值的方法比任何其他方法都快。这是一个有点令人惊讶的结果。

/* Initialisation */
Object.prototype.isArray = function() {
  return false;
};
Array.prototype.isArray = function() {
  return true;
};
Object.prototype._isArray = false;
Array.prototype._isArray = true;

var arr = ["1", "2"];
var noarr = "1";

/* Method 1 (function) */
if (arr.isArray()) document.write("arr is an array according to function<br/>");
if (!noarr.isArray()) document.write("noarr is not an array according to function<br/>");
/* Method 2 (value) - **** FASTEST ***** */
if (arr._isArray) document.write("arr is an array according to member value<br/>");
if (!noarr._isArray) document.write("noarr is not an array according to member value<br/>");

如果变量采用未定义的值,则这两种方法不起作用,但如果您确定它们具有值,则它们确实有效。关于检查性能是值是数组还是单个值,第二种方法看起来像一个有效的快速方法。它比 Chrome 上的“instanceof”略快,是 Internet Explorer、Opera 和 Safari(在我的机器上)中第二好方法的两倍。

111赞 shinobi 12/6/2015 #26

这是所有方法中最快的(支持所有浏览器):

function isArray(obj){
    return !!obj && obj.constructor === Array;
}
4赞 VIJAY P 2/25/2016 #27

你可以试试这个:

var arr = []; (or) arr = new Array();
var obj = {}; (or) arr = new Object();

arr.constructor.prototype.hasOwnProperty('push') //true

obj.constructor.prototype.hasOwnProperty('push') // false
0赞 Kamuran Sönecek 2/25/2016 #28

您可以使用此函数获取数据类型。

var myAr = [1,2];

checkType(myAr);

function checkType(data) {
  if(typeof data ==='object') {
    if(Object.prototype.toString.call(data).indexOf('Array') !== (-1)) {
      return 'array';
    } else {
      return 'object';
    }
  } else {
    return typeof data;
  }
}

if(checkType(myAr) === 'array') {
  console.log('yes, it is an array')
};

评论

0赞 Kermit_ice_tea 7/28/2016
所有操作要求的只是一个简单有效的检查。
5赞 yesil 8/24/2016 #29

如果您知道您的对象没有 concat 方法,则可以使用以下内容。

var arr = [];
if (typeof arr.concat === 'function') {
    console.log("It's an array");
}

评论

0赞 Alireza 4/9/2017
这是一个很好的技巧,但可能会被覆盖......但大多数时候应该得到结果
5赞 mpen 10/24/2016 #30

这个函数会把几乎任何东西变成一个数组:

function arr(x) {
    if(x === null || x === undefined) {
        return [];
    }
    if(Array.isArray(x)) {
        return x;
    }
    if(isString(x) || isNumber(x)) {
        return [x];
    }
    if(x[Symbol.iterator] !== undefined || x.length !== undefined) {
        return Array.from(x);
    }
    return [x];
}

function isString(x) {
    return Object.prototype.toString.call(x) === "[object String]"
}

function isNumber(x) {
    return Object.prototype.toString.call(x) === "[object Number]"
}

它使用一些较新的浏览器功能,因此您可能希望对其进行 polyfill 以获得最大的支持。

例子:

> arr(null);
[]
> arr(undefined)
[]
> arr(3.14)
[ 3.14 ]
> arr(1/0)
[ Infinity ]
> gen = function*() { yield 1; yield 2; yield 3; }
[Function: gen]
> arr(gen())
[ 1, 2, 3 ]
> arr([4,5,6])
[ 4, 5, 6 ]
> arr("foo")
[ 'foo' ]

注意字符串将被转换为具有单个元素的数组,而不是字符数组。如果您希望以相反的方式删除该检查。isString

我在这里使用它是因为它最强大,也是最简单的。Array.isArray

53赞 Alireza 12/27/2016 #31

想象一下,你下面有这个数组:

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(Internet Explorer 9+、Chrome 5+、Firefox 4+、Safari 5+ 和 Opera 10.5+)

Array.isArray(arr);

j查询:

$.isArray(arr);

角:

angular.isArray(arr);

下划线.js和 Lodash

_.isArray(arr);
5赞 Sheelpriy 3/1/2017 #32

检查对象是否为数组的最简单、最快捷的方法。

var arr = [];
arr.constructor.name === 'Array'  // Returns true;

arr.constructor === Array // Returns true;

或者你可以做一个实用函数:

const isArray = (obj) => !!obj && obj.constructor === Array;

用法:

isArray(arr); // Returns true
0赞 lalithkumar 6/5/2017 #33

您可以在下面找到:push

function isArray(obj){
   return (typeof obj.push === 'function') ? true : false;
}

var array = new Array();

or

var array = ['a', 'b', 'c'];
console.log(isArray(array));

21赞 Vikash Kumar 6/8/2017 #34

这个问题只有一行解决方案

x instanceof Array

其中 x 是变量,如果 x 是数组,它将返回 true,如果不是,则返回 false。

4赞 kolyaseg 9/15/2017 #35

在您的情况下,您可以使用 Array 方法,它可以接受单个对象以及数组(甚至组合):concat

function myFunc(stringOrArray)
{
  var arr = [].concat(stringOrArray);

  console.log(arr);

  arr.forEach(function(item, i)
  {
    console.log(i, "=", item);
  })
}

myFunc("one string");

myFunc(["one string", "second", "third"]);

concat似乎是最古老的 Array 方法之一(即使是 IE 5.5 也很清楚)。

5赞 STEEL 3/1/2018 #36

您可以使用 isArray 方法,但我更愿意检查:

Object.getPrototypeOf(yourvariable) === Array.prototype

评论

0赞 mpen 3/1/2018
你为什么喜欢这个?
0赞 STEEL 3/1/2018
@mpen,它返回 Array 对象的原型。而且代码最快、最安全。Object.getPrototypeOf(yourvariable)
1赞 mpen 3/2/2018
这很容易挫败: pastebin.com/MP8d5bCE 此外,您是否有性能测试来支持您的“最快”声明?
-1赞 Ric Flair 5/6/2018 #37

这是我使用的:

function isArray(input) {
  if (input instanceof Array || Object.prototype.toString.call(input) === '[object Array]') {
        return true;
  } else return false;
}
3赞 Braden Best 7/20/2018 #38

值得庆幸的是,ECMAScript 5 早在 2009 年 12 月就推出了。如果由于某种原因,您使用的 JavaScript 版本早于 ECMAScript 5,请升级。Array.isArray()

但是,如果您坚持这样做,那么数组确实具有某些属性,可以将它们与任何其他类型区分开来。我在任何其他答案中都没有看到的属性。让我们来谈谈 JavaScript 政治。

数组是一个对象 (),但与传统对象不同的是,它们具有长度属性 ()。 也是一个对象 (),但你不能访问 因为不是对象的属性。typeof [] === "object"typeof ( {} ).length === "undefined"nulltypeof null === "object"nullnull

这是规范中的一个错误,可以追溯到 JavaScript 的最初阶段,当时对象具有 type 标签并表示为 literal null 指针 ,这导致解释器将其与对象混淆。0null0x00

不幸的是,这没有考虑到 vs.因此,我们现在必须转向原型链。[]{length:0}

( [] ).__proto__ === Array.prototype && ( [] ).__proto__ !== Object.prototype.

因此,如果没有 ,这几乎是我们能得到的最接近的:Array.isArray()

function is_array(array){
    return array !== null
        && typeof array === "object"
        && array.__proto__ === Array.prototype;
}

[ [], [1,2,3], {length: 0}, {},
  1, 0, Infinity, NaN, "1", "[1,2,3]",
  null, undefined, [null], [undefined], {a:[]},
  [{}], [{length: 0}], [Infinity], [NaN],
  {__proto__: Array.prototype}
].filter(is_array)
// Expected: [ [], [1,2,3], [null], [undefined], [{}], [{length: 0}], [Infinity], [NaN] ]
// Actual:   [ [], [1,2,3], [null], [undefined], [{}], [{length: 0}], [Infinity], [NaN], {__proto__: Array.prototype} ]

被恶意设计为看起来像数组的对象实际上通过了图灵测试。但是,用 Array 原型链替换原型链足以使其像数组一样工作,从而有效地使其成为数组。

世界上唯一能分辨出这样一个对象实际上不是数组的是。但是,出于您通常会检查对象是否为数组的目的,该对象应该与您的代码配合得很好。Array.isArray()

甚至当你人为地改变数组的长度时,行为也是相同的:如果长度长于数组中的元素数,你拥有那种特殊的“隐式未定义”类型的“空槽”,这种类型在某种程度上与未定义不同,同时也是;与我们用来避免抛出 a 的类型完全相同,因为 only 如果显式定义为 ,则不会抛出错误。=== undefinedtypeof obj !== "undefined"ReferenceErrorobj === undefinedobjundefined

a = {__proto__: Array.prototype}; // Array {}
a.push(5)
a // [5]
a.length = 5
a // [5, empty x 4]
b = a.map(n => n*n) // [25, empty x 4]
b.push(undefined)
b.push(undefined)
b // [25, empty x 4, undefined, undefined]
b[1] // undefined
b[1] === b[5] // true
Array.isArray(a) // false
Array.isArray(b) // true

不过不要使用。出于学习目的重新发明轮子是一回事。在生产代码中执行此操作是另一回事。甚至不要将其用作 polyfill。支持旧的 JavaScript 版本意味着支持旧的浏览器意味着鼓励使用不安全的软件意味着将用户置于恶意软件的风险之中。is_array()

评论

0赞 Braden Best 8/19/2021
我可以完全从答案中删除,只是用一个简短的解释来代替它,即检查对象可能会将数组与大多数“数组伪装对象”区分开来,但不能替代,因为 polyfills 和 NIH 综合征可能很危险。如果我有时间,我稍后会谈到它。is_array__proto__Array.prototypeArray.isArray
-1赞 Partha Sarathi Nanda 9/27/2018 #39

您还可以检查数组的 length 属性。当您尝试访问数组的 length 属性时,它将返回一个数字(0 表示空数组),而如果您尝试访问 object 的 length 属性,它将返回 undefined。

if(Object.prototype.toString.call(arrayList) === '[object Array]') {
  console.log('Array!');
}

评论

2赞 mpen 9/27/2018
您的段落和代码示例不一致。此外,对象可以具有属性。.length
0赞 Partha Sarathi Nanda 9/28/2018
您无法检查对象长度。你能给我一个对象长度属性的例子吗
3赞 mpen 9/29/2018
{length:5}繁荣。具有 Length 属性的对象。
2赞 hygull 10/12/2018 #40

也存在其他检查方法,但我更喜欢以下方法作为我最好的检查方法(因为您可以轻松检查其他对象的类型)。

> a = [1, 2]
[ 1, 2 ]
>
> Object.prototype.toString.call(a).slice(8,).replace(/\]$/, '')
'Array'
>
> Object.prototype.toString.call([]).slice(8,-1) // best approach
'Array'

解释(在 Node REPL 上提供简单示例)»

> o = {'ok': 1}
{ ok: 1 }
> a = [1, 2]
[ 1, 2 ]
> typeof o
'object'
> typeof a
'object'
>
> Object.prototype.toString.call(o)
'[object Object]'
> Object.prototype.toString.call(a)
'[object Array]'
>

对象或数组 »

> Object.prototype.toString.call(o).slice(8,).replace(/\]$/, '')
'Object'
>
> Object.prototype.toString.call(a).slice(8,).replace(/\]$/, '')
'Array'
>

Null 或 Undefined »

> Object.prototype.toString.call(undefined).slice(8,).replace(/\]$/, '')
'Undefined'
> Object.prototype.toString.call(null).slice(8,).replace(/\]$/, '')
'Null'
>

字符串 »

> Object.prototype.toString.call('ok').slice(8,).replace(/\]$/, '')
'String'

数字 »

> Object.prototype.toString.call(19).slice(8,).replace(/\]$/, '')
'Number'
> Object.prototype.toString.call(19.0).slice(8,).replace(/\]$/, '')
'Number'
> Object.prototype.toString.call(19.7).slice(8,).replace(/\]$/, '')
'Number'
>

我很欣赏使用 -1 代替正则表达式的建议,如下所示。@mpen

> Object.prototype.toString.call(12).slice(8,-1)
'Number'
>
> Object.prototype.toString.call(12.0).slice(8,-1)
'Number'
>
> Object.prototype.toString.call([]).slice(8,-1)
'Array'
> Object.prototype.toString.call({}).slice(8,-1)
'Object'
>
> Object.prototype.toString.call('').slice(8,-1)
'String'
>

评论

1赞 mpen 10/13/2018
您不妨使用第二个参数来保存正则表达式以备不时之需。-1slice
0赞 hygull 10/14/2018
谢谢。我已经添加了您的建议。@mpen
0赞 Shuai Li 12/13/2018 #41

检查其原型和 Array.isArray 之间是有区别的:

function isArray(obj){
    return Object.getPrototypeOf(obj) === Array.prototype
}

此函数将直接检查 obj 是否为数组。

但是对于这个 Proxy 对象:

var arr = [1,2,3]

var proxy = new Proxy(arr,{})

console.log(Array.isArray(proxy)) // true

Array.isArray将它作为 Array。

评论

0赞 mpen 12/14/2018
您似乎在暗示您的函数不会为 Proxy 返回 true,但事实并非如此;它们都返回代理(和未代理的数组)isArraytrue
0赞 underthecode 2/5/2019 #42

这里有一个代码片段,它将解释数组的一个重要事实,在学习 JavaScript 时应该尽早知道这个事实(与我不同)。

// this functions puts a string inside an array
var stringInsideArray = function(input) {
  if (typeof input === 'string') {
    return [input];
  }
  else if (Array.isArray(input)) {
    return input;
  }
  else {
    throw new Error("Input is not a string!");
  }
}

var output = stringInsideArray('hello');
console.log('step one output: ', output); // ["hello"]

// use typeof method to verify output is an object
console.log('step two output: ', typeof output); // object

// use Array.isArray() method to verify output is an array
console.log('step three output: ', Array.isArray(output)); // true

数组实际上是对象。

使用 typeof 运算符,证明 的输出确实是一个对象。这让我困惑了很长一段时间,因为我认为数组将是一种 JavaScript 数据类型......stringInsideArray('hello')["hello"]

只有七种 JavaScript 数据类型,数组不是其中之一。

要回答您的问题,请使用 Array.isArray() 方法确定 是一个数组。output

评论

0赞 mpen 2/6/2019
仅供参考,是一种奇怪的写作方式.[].concat(string)[string]
0赞 underthecode 2/6/2019
@mpen感谢您让我知道。出于好奇,你会怎么写这个?
0赞 mpen 2/6/2019
function toArray(x) { if(x === undefined) return []; if(Array.isArray(x)) return x; return [x]; }或者可能是中间情况,具体取决于您是否希望返回新数组。[...x]
0赞 underthecode 2/6/2019
@mpen您的解决方案更有意义。相应地更新我的答案。谢谢!
1赞 mpen 2/7/2019
是的,但你不应该扔光秃秃的绳子。请尝试。throw new Error("Input is not a string!")
13赞 Atishay Jain 2/10/2019 #43

最佳做法是使用 进行比较,如下所示constructor

if(some_variable.constructor === Array){
  // do something
}

您也可以使用其他方法,例如,将其转换为字符串然后进行比较,但将其与 dataType 进行比较始终是更好的方法。typeOf

2赞 Luis felipe De jesus Munoz 4/23/2019 #44

我现在找到了最简短的答案:

var x = [1,2,3]
console.log(x.map?1:0)

评论

4赞 Sapphire_Brick 2/13/2020
如果你要选择最短的答案,为什么不呢,甚至只是?? 1 : 0!!x.mapx.map
0赞 bijayshrestha 7/16/2019 #45

Array.isArray是解决这个问题的方法。例如:

var arr = ['tuna', 'chicken', 'pb&j'];
var obj = {sandwich: 'tuna', chips: 'cape cod'};

// Returns true
Array.isArray(arr);

// Return false
Array.isArray(obj);

0赞 Souvik Dey 7/28/2019 #46

首先,您可以检查 console.log(typeof Object)。

如果输出是 object,则 var {data}=object,即根据对象键对对象进行解构。

函数可以是这样的:

const abc = (str1, str2=null) => {
    var result = [];
    result.push(str1);
    result.push(str2);
    return result.join("");
}

评论

0赞 mpen 7/30/2019
仅供参考,是“对象”,是“字符串”,是“对象”。这不是区分的好方法。typeof []typeof ""typeof new String('')
0赞 Souvik Dey 7/31/2019
是的,你是对的,我的意思是说控制台.log(typeof variableName)来获取变量的类型。
3赞 Robby_rob 10/4/2019 #47

虽然有一些可靠的答案,但我更喜欢使用函子的函数式方法。函子只是一种奇特的说法,即我们将函数传递给一个值。(我看到的建议是将值传递给函数。

创建 TypeOf 帮助程序

const TypeOf = obj => Object.prototype.toString.call(obj).slice(8,-1);

这类似于 typeof,但它现在返回 for 和 for 。我喜欢把它看作是一种严格的类型。如果您正在使用Gmail应用程序并且性能是一个问题,那么您可以执行类似操作。Array[]Object{}

const TypeOf = obj => (
  Array.isArray(obj)
   ? "array"
    : obj === null // catch null edge case.  typeof null is an object :)
   ? null
    : typeof obj
)

你可以在这里停下来,收工。但是,您可以使用组合使其更强大一些。如果你创建了一个 TypeBox Functor,你会得到很多好处,这又是一个花哨的词,用于将函数传递给一个值,而不是将一个值传递给一个函数。

创建 TypeBox

const TypeBox = (predicate, defaultValue) => {
  const TypePredicate = value => ({
     value,
     map: cb => predicate(value)
                ? TypePredicate(cb(value))
                : TypePredicate(defaultValue)
  });
  return TypePredicate;
}

这里发生了很多事情,但它非常强大。TypeBox 函数使用闭包并返回我们的函子。关闭允许您访问Lexical_Scope。把它想象成一个背包,里面装着你以后想拿到的东西。

创建 ArrayBox

const ArrayBox = TypeOf(obj => TypeOf(obj) === 'Array' ? obj : [obj]);

ArrayBox 将我们的 and 传递给 并且将在我们调用/执行时可用(将其命名为对您的用例有意义的任何名称)。predicatedefaultValueTypeOfArrayBox

现在是有趣的部分

如果输入是 Array,则返回它。

ArrayBox(["foo", "bar"]).value; // ['foo', 'bar']

如果输入不是数组,则将其返回为一个数组

ArrayBox("foo").value // ["foo"]

这种方法的优点在于它可以扩展,易于测试,并且使用组合。您可以以任何方式组合函数以获得所需的结果。

我们可以通过许多其他方法使用 Either 或 monads 来解决这个问题。

5赞 Alauddin Afif Cassandra 12/30/2019 #48
var a = [], b = {};

console.log(a.constructor.name == "Array");
console.log(b.constructor.name == "Object");

评论

1赞 giraffesyo 12/31/2019
您好,感谢您的回答。只有代码的答案往往会被忽视,你介意在代码中添加一些解释吗?
4赞 Kamil Kiełczewski 6/10/2020 #49

异国情调的

您想检查参数是否为字符串 - 所以尝试

x===x+''

let isStr = x=> x===x+'';

console.log( isStr([]) );
console.log( isStr(["aa","bb"]) );
console.log( isStr("") );
console.log( isStr("abc") );

评论

1赞 3xCh1_23 12/26/2020
很酷,所以如果不是 isStr 并不意味着是 Array...然而,语法很好。
-1赞 Dan Bray 10/25/2020 #50

Array.isArray(obj) 不会给出非常有用的结果。我创建了一个 Object 的原型方法,它似乎可以正确确定 object 是否是数组。

据我所知,它失败的唯一边缘情况是数组中的项设置为未定义时。

Object.prototype.isArrayLike = function()
{
    var length = this.length || Object.keys(this).length;
    if (length === 0 || this.constructor.name === "String")
        return false;
    for (i = 0; i < length; i++)
    {
        if (typeof this[i] === "undefined")
            return false;
    }
    return true;
};

var arr = ['aaa', 'bbb', 'ccc', 'ddd'];
var arr1 = {"0":'aaa', "1":'bbb', 2:'ccc', 3:'ddd'};
var arr2 = {"0":'aaa', "a":'bbb', 2:'ccc', 3:'ddd'};
var arr3 = "qwerty";
var arr4 = [];
var arr5 = {0:'aaa', 1:'bbb', 2:'ccc', 3:'ddd'};

console.log("arrayLike:" + arr.isArrayLike());
console.log("Array.isArray(arr):" + Array.isArray(arr));
// arrayLike: true
// Array.isArray(arr): true
console.log("arrayLike1:" + arr1.isArrayLike());
console.log("Array.isArray(arr1):" + Array.isArray(arr1));
// arrayLike1: true
// Array.isArray(arr1): false
console.log("arrayLike2:" + arr2.isArrayLike());
console.log("Array.isArray(arr2):" + Array.isArray(arr2));
// arrayLike2: false
// Array.isArray(arr2): false
console.log("arrayLike3:" + arr3.isArrayLike());
console.log("Array.isArray(arr3):" + Array.isArray(arr3));
// arrayLike3: false
// Array.isArray(arr3): false
console.log("arrayLike4:" + arr4.isArrayLike());
console.log("Array.isArray(arr4):" + Array.isArray(arr4));
// arrayLike4: false
// Array.isArray(arr4): true
console.log("arrayLike5:" + arr5.isArrayLike());
console.log("Array.isArray(arr5):" + Array.isArray(arr5));
// arrayLike5: false
// Array.isArray(arr5): true
0赞 Force Bolt 5/3/2021 #51

以简单的方式

const arr = [1, 2, 3];
const obj = { message: 'nice' };
const str = 'nice';
const empty = null;

console.log(Array.isArray(arr));
console.log(Array.isArray(obj));
console.log(Array.isArray(str));
console.log(Array.isArray(empty));

评论

1赞 Peter Mortensen 8/13/2021
之前的答案没有涵盖 Array.isArray 吗?