Zusammenfassung der JavaScript-Array-Operationen und Einführung in Attribute und Methoden_Grundkenntnisse

1. Array-Operationen

1. Erstellung eines Arrays

Code kopieren Der Code lautet wie folgt:

var arrayObj = new Array(); //Erstelle ein Array
var arrayObj = new Array([size]); //Erstelle ein Array und lege die Länge fest
var arrayObj = new Array([element0[ , element1[, ...[, elementN]]]]);//Erstellen Sie ein Array und weisen Sie einen Wert zu

Es sollte beachtet werden, dass, obwohl die Die zweite Methode erstellt ein Array und gibt die tatsächliche Länge an. In allen oben genannten Fällen ist das Array variabel, was bedeutet, dass auch bei Angabe der Länge 5 Elemente außerhalb der angegebenen Länge gespeichert werden können wird sich entsprechend ändern.
2. Zugriff auf Array-Elemente

Code kopieren Der Code lautet wie folgt:

var testGetArrValue =arrayObj[1]; //Den Elementwert des Arrays abrufen
arrayObj[1]= „Dies ist der neue Wert“; //Weisen Sie dem Array-Element einen neuen Wert zu

3. Array-Element hinzufügen

Code kopieren Der Code lautet wie folgt:

arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// Fügen Sie ein oder mehrere neue Elemente am Ende des Arrays hinzu und geben Sie die neue Länge des Arrays zurück
arrayObj.unshift([item1 [ item2 [. . [itemN ]]] );// Beginnen Sie mit dem Hinzufügen eines oder mehrerer neuer Elemente zum Array. Die Elemente im Array werden automatisch nach hinten verschoben und die neue Länge des Arrays wird zurückgegeben
arrayObj .splice(insertPos,0,[item1[, item2[, . . . [ ,itemN]]]]);//Fügen Sie ein oder mehrere neue Elemente an der angegebenen Position des Arrays ein zurück verschoben und „“ wird zurückgegeben.

4. Löschen von Array-Elementen

Code kopieren Der Code lautet wie folgt:

arrayObj.pop(); //Letztes Element entfernen und den Elementwert zurückgeben
arrayObj.shift(); //Das erste Element entfernen und den Elementwert zurückgeben, die Elemente im Array sind automatisch vorwärts verschoben
arrayObj.splice(deletePos,deleteCount); //Löschen Sie die angegebene Anzahl von deleteCount-Elementen ab der angegebenen Position deletePos und geben Sie die entfernten Elemente in Array-Form zurück

5. Abfangen und Zusammenführen von Arrays / /Gibt einen Teil des Arrays in Form eines Arrays zurück. Beachten Sie, dass das Element, das end entspricht, nicht enthalten ist. Wenn end weggelassen wird, werden alle Elemente nach start kopiert
arrayObj.concat(. [item1[, item2[, .itemN]] ]]); >

6. Array Code kopierenCode kopieren

Der Code lautet wie folgt:

arrayObj.slice(0); //das kopierte Array des Arrays zurückgeben, beachten Sie, dass es sich um ein neues Array handelt, das nicht auf
arrayObj.concat(); //das kopierte Array des Arrays zurückgibt, Beachten Sie, dass es sich um ein neues Array handelt, das nicht auf

7 zeigt. Sortierung der Array-Elemente Code kopieren

Der Code lautet wie folgt:

arrayObj.reverse(); / /Kehrt die Elemente um (das erste zum letzten, das letzte nach vorne), gibt die Array-Adresse zurück
arrayObj .sort(); // Array-Elemente sortieren, Array-Adresse zurückgeben

8, Stringifizierung von Array-Elementen Code kopieren

Der Code lautet wie folgt:

arrayObj.join(separator ); //Gibt einen String zurück, der jeden Elementwert des Arrays durch ein Trennzeichen trennt.
toLocaleString, toString, valueOf: kann als spezielle Verwendung von Join angesehen werden, die nicht häufig verwendet wird

Drei Attribute von Array-Objekten

1. Längenattribut

Das Längenattribut stellt die Länge des Arrays dar, also die Anzahl der darin enthaltenen Elemente. Da der Index eines Arrays immer bei 0 beginnt, sind die oberen und unteren Grenzen eines Arrays: 0 bzw. Länge-1. Im Gegensatz zu den meisten anderen Sprachen ist die Längeneigenschaft von JavaScript-Arrays variabel, was besondere Aufmerksamkeit erfordert. Wenn das Längenattribut größer eingestellt wird, ändert sich der Zustand des gesamten Arrays nicht. Nur das Längenattribut wird größer, wenn das Längenattribut kleiner als das Original gesetzt wird, und die Elemente im ursprünglichen Array mit Indizes, die größer oder gleich sind Länge wird Alle Werte gehen verloren. Das Folgende ist ein Beispiel, das die Änderung des Längenattributs zeigt:

Kopieren Sie den Code Der Code lautet wie folgt:

var arr= [12,23,5,3,25,98,76,54,56,76];
//Definiere ein Array mit 10 Zahlen
alert(arr.length); //Zeige die Länge des Arrays von 10 an
arr.length=12; //Erhöhe die Länge des Arrays
alert(arr.length); //Zeige, dass die Länge des Arrays 12 geworden ist
alert(arr[8]); //Zeigt den Wert des 9. Elements an, der 56 ist
arr.length=5; //Reduzieren Sie die Länge des Arrays auf 5 und Elemente mit Indizes gleich oder größer 5 werden verworfen
alert(arr[8]) ; //Zeige, dass das 9. Element „undefiniert“ geworden ist
arr.length=10; //Array-Länge auf 10 wiederherstellen
alert(arr[ 8]); //Obwohl die Länge auf 10 zurückgesetzt wird, kann das 9. Element nicht wiederhergestellt werden und zeigt „undefiniert“ an

Aus dem obigen Code können wir die Natur des Längenattributs deutlich erkennen . Das Längenobjekt kann jedoch nicht nur explizit festgelegt, sondern auch implizit geändert werden. Sie können in JavaScript auch eine nicht deklarierte Variable verwenden (die sich auf ein Element mit einem Index bezieht, der größer oder gleich der Länge ist). In diesem Fall wird der Wert des Längenattributs auf festgelegt Wert des verwendeten Elementindex. Zum Beispiel der folgende Code:

Kopieren Sie den Code Der Code lautet wie folgt:

var arr=[12,23 ,5,3,25,98,76,54,56,76];
alert(arr.length);
arr[15]=34;
alert(arr.length);
arr[15]=34;

alert(arr.length); .length);

Der Code definiert außerdem zunächst ein Array mit 10 Zahlen. Aus der Alert-Anweisung geht hervor, dass seine Länge 10 beträgt. Dann wird das Element mit dem Index 15 verwendet und ihm der Wert 15 zugewiesen, d. h. arr[15]=34. Zu diesem Zeitpunkt wird die Alert-Anweisung verwendet, um die Länge des Arrays auszugeben, und das Ergebnis ist 16. Unabhängig davon ist dies eine überraschende Funktion für Entwickler, die an stark typisierte Programmierung gewöhnt sind. Tatsächlich beträgt die anfängliche Länge eines Arrays, das mit der neuen Array()-Form erstellt wurde, 0. Es ist die Operation undefinierter Elemente, die dazu führt, dass sich die Länge des Arrays ändert.

Wie Sie der obigen Einführung entnehmen können, ist das Längenattribut so magisch, dass Sie es verwenden können, um die Kapazität des Arrays einfach zu erhöhen oder zu verringern. Daher hilft ein tiefes Verständnis des Längenattributs, es während des Entwicklungsprozesses flexibel zu nutzen.

2. Prototypattribut

Gibt einen Verweis auf den Prototyp des Objekttyps zurück. Die Prototypeigenschaft ist für das Objekt üblich. Code kopieren

Der Code lautet wie folgt:


objectName.prototype

objectName-Parameter ist der Objektobjektname.


Beschreibung: Verwenden Sie die Prototypeigenschaft, um eine Reihe grundlegender Funktionen der Objektklasse bereitzustellen. Neue Instanzen eines Objekts „erben“ die dem Prototyp des Objekts zugewiesenen Operationen.
Für Array-Objekte veranschaulicht das folgende Beispiel die Verwendung des Prototyp-Attributs.

Fügen Sie dem Array-Objekt eine Methode hinzu, um den maximalen Elementwert im Array zurückzugeben. Um dies zu erreichen, deklarieren Sie eine Funktion, fügen Sie sie zu Array.prototype hinzu und verwenden Sie sie. Code kopieren

Der Code lautet wie folgt:

Funktion array_max( )

{

var i, max = this[0];

für (i = 1; i

{

if (max

max = this[i];

}

maximum zurückgeben;

}

Array.prototype.max = array_max;

var x = neues Array(1, 2, 3, 4, 5, 6);

var y = x.max( );

Nachdem dieser Code ausgeführt wurde, enthält y den Maximalwert im Array x, also beispielsweise 6.

3. Konstruktorattribut

stellt eine Funktion dar, die ein Objekt erstellt.

object.constructor //object ist der Name des Objekts oder der Funktion.

Beschreibung: Die Eigenschaft „Konstruktor“ ist Mitglied aller Objekte mit Prototyp. Sie umfassen alle nativen JScript-Objekte mit Ausnahme von Global- und Math-Objekten. Die Eigenschaft „Konstruktor“ enthält einen Verweis auf die Funktion, die eine bestimmte Objektinstanz erstellt.

Zum Beispiel:

Code kopierenDer Code lautet wie folgt:

x = neu String("Hallo ");

if (x.constructor == String) // Prozess (Bedingung ist wahr).

oder

Code kopieren Der Code lautet wie folgt:

Funktion MyFunc {

// Funktionskörper.

}

y = new MyFunc;

if (y.constructor == MyFunc) // Prozess (Bedingung ist wahr).

3. Häufig verwendete Funktionen und Methoden für Array-Operationen

toString(): Konvertieren Sie das Array in einen String
toLocaleString(): Konvertieren Sie das Array in einen String
join(): Konvertieren Sie das Array in einen symbolisch verbundenen String
shift(): Verschieben Sie ein Element aus dem Kopf des Arrays
unshift(): Füge ein Element am Kopf des Arrays ein
pop(): Lösche ein Element aus dem Ende des Arrays
push(): Füge ein Element hinzu Bis zum Ende des Arrays
concat(): Elemente zum Array hinzufügen
slice(): Teil des Arrays zurückgeben
reverse(): Array umkehren sortieren
sort(): Sortieren array
splice(): Ein Array-Element einfügen, löschen oder ersetzen