Detaillierte Erläuterung der Javascript-Array_Grundkenntnisse-js-Tutorial-php.cn

Detaillierte Erläuterung der Javascript-Array_Grundkenntnisse

WBOY

Freigeben： 2016-05-16 16:33:10

Original

1615 Leute haben es durchsucht

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.