Heim > Web-Frontend > js-Tutorial > Hauptteil

Beispiele für Array-Operationen in JS

零下一度
Freigeben: 2017-06-25 09:22:05
Original
1209 Leute haben es durchsucht
Array-Operationen in JS

1. Erstellung eines Arrays

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

var arrayObj = new Array([size]); //Erstellen Sie ein Array und geben Sie die Länge an.

var arrayObj = new Array([element0[, element1[, ...[, elementN] ]]]); Erstellen Sie ein Array und weisen Sie einen Wert zu

Es ist zu beachten, dass die zweite Methode zwar ein Array erstellt und die Länge angibt, das Array jedoch tatsächlich eine variable Länge hat In allen Fällen, also auch wenn die Länge angegeben ist. Auch wenn die Länge 5 beträgt, können Sie immer noch Elemente speichern, die über die angegebene Länge hinausgehen. Hinweis: Die Länge ändert sich entsprechend.

2. Zugriff auf Array-Elemente

var testGetArrValue=arrayObj[1] //Erhalten Sie den Elementwert des Arrays

arrayObj[1]= „Dies ist ein neuer Wert“; //Array-Elementen neue Werte zuweisen

3 🎜> 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 ]]]);// Fügen Sie ein oder mehrere neue Elemente am Anfang des Arrays hinzu, 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 in das ein Die angegebene Position des Arrays und die Elemente an der Einfügeposition werden automatisch nach hinten verschoben und geben „“ zurück.

4. Löschen von Array-Elementen

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 werden automatisch nach vorne verschoben.

arrayObj.splice(deletePos,deleteCount); angegebene Position Die angegebene Anzahl von deleteCount-Elementen beginnend mit deletePos gibt die entfernten Elemente in Array-Form zurück

Array-Abfangen und Zusammenführen

arrayObj. Slice(start, [end]); //Einen Teil des Arrays in Form eines Arrays zurückgeben. 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]]]]); //Verketten Sie mehrere Arrays (können auch Strings oder eine Mischung aus Arrays und Strings sein) zu einem Array und das neue verbundene Array zurückgeben Array

Kopie des Arrays

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

zeigt

7. Array-Elemente Sortieren

arrayObj.reverse(); // Elemente umkehren (das erste zum letzten, das letzte nach vorne) , gib die Array-Adresse zurück arrayObj.sort (); // Sortiere die Array-Elemente und gib die Array-Adresse zurück

8. Stringisierung von Array-Elementen

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

2. 3 Attribute von Array-Objekten

1. Das Längenattribut

Das Längenattribut stellt die Länge des Arrays dar, also die Anzahl der Elemente darin. 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 wenn das Längenattribut kleiner als das Original gesetzt wird, wird das Längenattribut größer oder gleich den Elementen im ursprünglichen Array Länge wird Alle Werte gehen verloren. Das folgende Beispiel zeigt die Änderung des Längenattributs: 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); //Zeigen Sie, 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, Elemente mit index gleich oder größer 5 Verworfen

alert(arr[8]); //Zeigen Sie, dass das 9. Element „undefiniert“ geworden ist

arr.length=10; //Array wiederherstellen length to 10

alert(arr[8]); //Obwohl die Länge auf 10 zurückgesetzt wird, kann das 9. Element nicht wiederhergestellt werden und zeigt „undefiniert“ an

Das können wir deutlich erkennen obiger Code auf die Art des Längenattributs. 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:

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

alert(arr.length) ;

arr[15]=34;

alert(arr.length);

Im Code wird auch zuerst ein Array mit 10 Zahlen definiert Stellen Sie sicher, dass die Warnungsanweisung 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. Das Prototypattribut

gibt eine Referenz auf den Prototyp des Objekttyps zurück. Die Prototypeigenschaft ist für das Objekt üblich.

objectName.prototype

objectName-Parameter ist der Name des Objektobjekts.

Beschreibung: Verwenden Sie das Prototypattribut, 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, die den maximalen Elementwert im Array zurückgibt. Um dies zu erreichen, deklarieren Sie eine Funktion, fügen Sie sie zu Array.prototype hinzu und verwenden Sie sie.

function array_max( )

{

var i, max = this[0];

for (i = 1; i < this. Länge; i++)

{

if (max < this[i])

max = this[i];

}

return max;

}

Array.prototype.max = array_max;

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

var y = x.max( );

Nachdem dieser Code ausgeführt wurde, speichert y den Maximalwert im Array x, oder 6.

3. Das Konstruktorattribut

stellt die Funktion dar, die das Objekt erstellt.

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

Erklärung: 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:

x = new String("Hi");

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

oder

function MyFunc {

// Funktionskörper.

}

y = new MyFunc;

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

Für Arrays:

y = new Array();

 

Das obige ist der detaillierte Inhalt vonBeispiele für Array-Operationen in JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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