Wie prüfe ich, ob eine Variable in JavaScript ein Array ist?

Question

Wie prüfe ich, ob eine Variable in JavaScript ein Array ist?

if (variable.constructor == Array)

Answer 1

Es gibt mehrere Möglichkeiten zu prüfen, ob eine Variable ein Array ist oder nicht. Die beste Lösung ist die, die Sie gewählt haben.

variable.constructor === Array

Dies ist die schnellste Methode in Chrome und höchstwahrscheinlich auch in allen anderen Browsern. Alle Arrays sind Objekte, daher ist die Überprüfung der Konstruktoreigenschaft ein schneller Prozess für JavaScript-Engines.

Wenn Sie Probleme damit haben, herauszufinden, ob eine Objekteigenschaft ein Array ist, müssen Sie zunächst prüfen, ob die Eigenschaft vorhanden ist.

variable.prop && variable.prop.constructor === Array

Einige andere Möglichkeiten sind:

Array.isArray(variable)

Update 23. Mai 2019 mit Chrome 75, ein Dankeschön an @AnduAndrici, der mich mit seiner Frage darauf aufmerksam gemacht hat Letztere ist meiner Meinung nach die hässlichste, und sie ist eine der langsamste am schnellsten. Die Geschwindigkeit ist etwa 1/5 so hoch wie beim ersten Beispiel. Dieser Typ ist etwa 2-5% langsamer, aber das ist schwer zu sagen. Solide in der Anwendung! Das Ergebnis ist ziemlich beeindruckend. Array.prototype, ist eigentlich ein Array. Sie können mehr darüber lesen hier https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray

variable instanceof Array

Diese Methode dauert etwa 1/3 der Geschwindigkeit als erstes Beispiel. Immer noch ziemlich solide, sieht sauberer aus, wenn Sie alles über schönen Code und nicht so sehr auf die Leistung sind. Beachten Sie, dass die Überprüfung auf Zahlen nicht funktioniert, da variable instanceof Number gibt immer zurück false . Aktualisierung: instanceof geht jetzt 2/3 der Geschwindigkeit!

Also noch ein weiteres Update

Object.prototype.toString.call(variable) === '[object Array]';

Dieser Typ ist am langsamsten, wenn er versucht, nach einem Array zu suchen. Allerdings ist dies ein One-Stop-Shop für jede Art, die Sie suchen. Da Sie jedoch nach einem Array suchen, verwenden Sie einfach die schnellste Methode oben.

Außerdem habe ich einige Tests durchgeführt: http://jsperf.com/instanceof-array-vs-array-isarray/35 Also, viel Spaß und probieren Sie es aus.

Hinweis: @EscapeNetscape hat einen weiteren Test erstellt, da jsperf.com nicht erreichbar ist. http://jsben.ch/#/QgYAV Ich wollte sicherstellen, dass der ursprüngliche Link erhalten bleibt, wenn jsperf wieder online geht.

Answer 2

Sie könnten auch verwenden:

if (value instanceof Array) {
  alert('value is Array!');
} else {
  alert('Not an array');
}

Das scheint mir eine ziemlich elegante Lösung zu sein, aber jedem das Seine.

編集する。

Ab ES5 gibt es nun auch:

Array.isArray(value);

Aber dies wird auf älteren Browsern nicht funktionieren, es sei denn, Sie verwenden Polyfills (im Grunde... IE8 oder ähnlich).

Answer 3

In modernen Browsern (und einigen älteren Browsern) können Sie Folgendes tun

Array.isArray(obj)

( Unterstützt von Chrome 5, Firefox 4.0, IE 9, Opera 10.5 und Safari 5)

Wenn Sie ältere Versionen des IE unterstützen müssen, können Sie es5-shim um Array.isArray zu vervollständigen; oder fügen Sie Folgendes hinzu

# 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]';
  }
};

Wenn Sie jQuery verwenden, können Sie jQuery.isArray(obj) o $.isArray(obj) . Wenn Sie einen Unterstrich verwenden, können Sie _.isArray(obj)

Wenn Sie die in verschiedenen Frames erstellten Arrays nicht erkennen müssen, können Sie auch einfach instanceof

obj instanceof Array

---

Note : die arguments Schlüsselwort, das verwendet werden kann, um auf das Argument einer Funktion zuzugreifen, ist kein Array, auch wenn es sich (normalerweise) wie eines verhält:

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)

Answer 4

Es gibt mehrere Lösungen, die alle ihre eigenen Tücken haben. Diese Seite gibt einen guten Überblick. Eine mögliche Lösung ist:

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

Answer 5

Ich habe bemerkt, dass jemand jQuery erwähnt hat, aber ich wusste nicht, dass es ein isArray() Funktion. Es stellte sich heraus, dass sie in Version 1.3 hinzugefügt wurde.

jQuery implementiert es, wie Peter vorschlägt:

isArray: function( obj ) {
    return toString.call(obj) === "[object Array]";
},

Nachdem ich bereits viel Vertrauen in jQuery gesetzt habe (vor allem ihre Techniken für die Cross-Browser-Kompatibilität), werde ich entweder auf Version 1.3 aktualisieren und ihre Funktion verwenden (vorausgesetzt, dass das Upgrade nicht zu viele Probleme verursacht) oder diese vorgeschlagene Methode direkt in meinem Code verwenden.

Vielen Dank für die Anregungen.