Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung der Javascript-Array_Grundkenntnisse

Detaillierte Erläuterung der Javascript-Array_Grundkenntnisse

WBOY
WBOYOriginal
2016-05-16 16:33:101609Durchsuche

Wenn Sie ein erfahrener Entwickler sind, denken Sie vielleicht, dass diese Frage relativ einfach ist, aber manchmal finden wir diese Frage interessanter.

Werfen wir zunächst einen Blick auf die Definition eines Arrays: „Ein Array ist nur eine Liste von Werten, auf die durch die Verwendung einer Ganzzahl als „Schlüssel“ zugegriffen werden kann. Die Liste beginnt bei 0 und geht weiter von da an.“ , unten verwenden wir Objekte, um die Definition von Arrays zu beschreiben:

Code kopieren Der Code lautet wie folgt:

var arr = ["benjamin", "zuojj"];
//=>
var arr = {
„0“: „benjamin“,
„1“: „zuojj“
};

Wenn ich mir das obige Beispiel ansehe, habe ich immer das Gefühl, dass etwas fehlt, OK, die Länge des Arrays:

Code kopieren Der Code lautet wie folgt:

var arr = {
„0“: „benjamin“,
„1“: „zuojj“,
„Länge“: 2
};

Wir wissen, dass ein Array in der Javascript-Sprache ein spezielles Objekt ist, indem wir auf die Array-Zugriffsmethode zugreifen. Gleichzeitig kann das Array auch Eigenschaften hinzufügen. Schauen Sie sich das folgende Beispiel an:

Code kopieren Der Code lautet wie folgt:

var arr = {
„0“: „benjamin“,
„1“: „zuojj“,
„Länge“: 2
};
//Ausgaben: „benjamin“
console.log(arr[0]);
//Ausgaben: 2
console.log(arr.length);

var arr = ["benjamin", "zuojj"];
arr.url = "www.jb51.net";
//Ausgaben: „www.jb51.net
console.log(arr.url);
//Ausgaben: 2
console.log(arr.length);

Werfen wir einen Blick auf die Methoden von Arrays. Arrays haben viele ausführbare Methoden, wie zum Beispiel indexOf/slice/splice/sort usw. Wir wissen, dass diese Methoden tatsächlich in Array.prototype existieren. Schauen Sie sich das Beispiel unten an:

Code kopieren Der Code lautet wie folgt:

var arr = ["benjamin", "zuojj"];
//Ausgaben: 1
console.log(arr.indexOf("zuojj"));
arr.indexOf = function(str) {
Rückgabe „Es ist ein angepasster indexOf!“;
}
//Ausgaben: „Es ist angepasstes indexOf!“
console.log(arr.indexOf("zuojj"));

Tatsächlich können wir alle Array-Methoden mithilfe von Objekten überladen. Schauen Sie sich das Beispiel für die Push-Methode unten an:

Code kopieren Der Code lautet wie folgt:

var arr = {
Länge: 0,
Push: function(val) {
//Aufgabe
This[this.length] = val;
//Array-Länge aktualisieren
This.length = 1;
​​​​ //Die Länge des Arrays zurückgeben
          return this.length;
}
}
arr.push("zuojj");
arr.push("benjamin");
//Objekt {0: „zuojj“, 1: „benjamin“, Länge: 2, Push: Funktion🎜> console.log(arr);

Aber eines kann nicht erneut implementiert werden, nämlich die wörtliche Definition eines Arrays:

Code kopieren Der Code lautet wie folgt:
var arr = ["benjamin", "zuojj"] ;
Aber wir können stattdessen auch den Konstruktor verwenden:

Code kopieren Der Code lautet wie folgt:
var arr = new Array("benjamin", "zuojj ");

Wenn eine wörtliche Definition eines Arrays nicht zutrifft, können wir die Definition des Arrays auf unsere eigene Weise neu definieren.

Code kopieren Der Code lautet wie folgt:
var myArr = new CustomArray("benjamin", "zuojj ");

Jetzt wissen Sie, wie Arrays in JavaScript funktionieren. Ich hoffe, dass es für alle hilfreich ist.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn