Den Widerspruch verstehen: Warum typeof-Arrays mit Objekten „Objekt“ zurückgeben

Entwickler können auf ein überraschendes Phänomen stoßen: beim Aufrufen von typeof für ein Array Wenn es Objekte enthält, gibt es aus unerklärlichen Gründen „Objekt“ statt „Array“ zurück. Dieser Artikel befasst sich mit diesem scheinbar widersprüchlichen Verhalten.

Lassen Sie uns das Problem anhand eines Beispiels veranschaulichen:

$.ajax({
    url: 'http://api.twitter.com/1/statuses/user_timeline.json',
    data: { screen_name: 'mick__romney'},
    dataType: 'jsonp',
    success: function(data) {
        console.dir(data); //Array[20]
        alert(typeof data); //Object
    }
});

Während console.dir(data) die Variable korrekt als Array identifiziert, gibt typeof data fälschlicherweise „Object“ zurück.

Die Erklärung liegt in der besonderen Spezifikation von JavaScript, wo der Operator „typeof“ steht gibt den Typ der internen [[Class]]-Eigenschaft des Objekts zurück. Im Fall von Arrays ist ihre [[Class]]-Eigenschaft auf „Array“ gesetzt, aber wenn sie von Objekten umgeben ist, ändert sich die [[Class]]-Eigenschaft in „Object“.

Um eine genaue Typprüfung sicherzustellen können Entwickler verschiedene Ansätze anwenden:

• data instanceof Array: Überprüft, ob die Variable eine Instanz des Array-Typs ist.
• Array.isArray(data): Eine Methode speziell Entwickelt, um festzustellen, ob ein Objekt ein Array ist.
• Object.prototype.toString.call(data) == '[object Array]': Eine zuverlässige und weithin akzeptierte Methode zur Array-Erkennung.
• $.isArray(data): Eine jQuery-spezifische Funktion zur Prüfung auf Arrays.

Durch das Verständnis dieser Besonderheit und die Verwendung dieser Techniken können Entwickler Arrays von Objekten effektiv verarbeiten in ihrem JavaScript-Code.