Heim > Web-Frontend > js-Tutorial > Hauptteil

Zusammenfassung der Javascript-Array-Operationsmethoden und detaillierte Einführung in 3 Attribute_Grundkenntnisse

WBOY
Freigeben: 2016-05-16 16:42:26
Original
1327 Leute haben es durchsucht

Ich habe kürzlich js verwendet und die Operationen von js-Arrays studiert. Ich werde sie hier zusammenfassen.

1. Erstellung eines Arrays

Code kopieren Der Code lautet wie folgt:

var arrayObj = new Array(); //Erstelle ein Array

var arrayObj = new Array([size]); //Erstellen Sie ein Array und geben Sie die Länge an. Beachten Sie, dass es sich nicht um die Obergrenze, sondern um die Länge handelt

var arrayObj = new Array([element0[, element1[, ...[, elementN]]]] //Erstelle ein Array und weise einen Wert zu


Es ist zu beachten, dass die zweite Methode zwar ein Array erstellt und die Länge angibt, das Array jedoch in allen Fällen eine variable Länge hat. Das heißt, selbst wenn die Länge mit 5 angegeben ist, können die Elemente dies tun Bitte beachten Sie, dass die Länge weiterhin in der angegebenen Länge gespeichert wird.

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 den Array-Elementen neue Werte zu


3. Array-Elemente hinzufügen

Code kopieren Der Code lautet wie folgt:
arrayObj. push([item1 [item2 [. . . [itemN]]]] // Ein oder mehrere neue Elemente am Ende des Arrays hinzufügen und die neue Länge des Arrays zurückgeben
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 das neue Die 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 und fügen Sie das Element an ein Die Position bewegt sich automatisch zurück und kehrt zu „“ zurück.



4. Löschen von Array-Elementen
Code kopieren Der Code lautet wie folgt:
arrayObj.pop(); //Das letzte Element entfernen und den Elementwert zurückgeben
arrayObj.shift(); //Entferne das erste Element und gib den Elementwert zurück. Die Elemente im Array werden automatisch nach vorne 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

Code kopieren Der Code lautet wie folgt:
arrayObj.slice(start, [end]); //Einen Teil des Arrays in Form eines Arrays zurückgeben. Beachten Sie, dass das dem Ende entsprechende Element nicht enthalten ist 🎜>
arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //Verketten Sie mehrere Arrays (können auch Strings oder eine Mischung aus Arrays und Strings sein) zu einem Array, das zurückgegeben wird das verbundene neue Array


6. Kopie des Arrays

arrayObj.slice(0); //Ein Kopie-Array des Arrays zurückgeben. Beachten Sie, dass es sich um ein neues Array handelt, das nicht auf
zeigt
arrayObj.concat(); //Gibt ein Kopie-Array des Arrays zurück. Beachten Sie, dass es sich um ein neues Array handelt, das nicht auf verweist


7. Sortieren von Array-Elementen

arrayObj.reverse(); // Die Elemente umkehren (das erste zum letzten, das letzte nach vorne), die Array-Adresse zurückgeben

arrayObj.sort(); // Sortieren Sie die Array-Elemente und geben Sie die Array-Adresse zurück


8. Stringifizierung von Array-Elementen


arrayObj.join(separator); //Gibt eine Zeichenfolge zurück, die jeden Elementwert des Arrays miteinander verbindet, getrennt durch ein Trennzeichen.

toLocaleString, toString, valueOf: können als spezielle Verwendungszwecke von Join angesehen werden, die nicht häufig verwendet werden

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 Beispiel zeigt die Änderung des Längenattributs:

Code kopieren Der Code lautet wie folgt:

var arr=[12,23,5,3,25,98,76,54,56,76];

//Definiert ein Array mit 10 Zahlen

alert(arr.length); //Zeigt die Länge des Arrays 10 an

arr.length=12; //Erhöhen Sie die Länge des Arrays

alert(arr.length); //Zeigt an, 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 Index des verwendeten Elements. Zum Beispiel der folgende Code:

Code kopieren 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);


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 Anfangslänge eines mit new Array() erstellten Arrays 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.

objectName.prototype

Der objectName-Parameter ist der Name des Objektobjekts.

Beschreibung:
Verwenden Sie die Eigenschaft „prototyp“, um eine Grundfunktionalität für die Klasse eines Objekts 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 < this.length; i )
{
If (max < this[i])

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 Konstruktoreigenschaft 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 kopieren Der Code lautet wie folgt:

x = new String("Hi");

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).


Für Arrays:
Code kopieren Der Code lautet wie folgt:

y = new Array();
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!