Heim > Web-Frontend > js-Tutorial > Allgemeine Methoden der JS-Array-Operation_Grundkenntnisse

Allgemeine Methoden der JS-Array-Operation_Grundkenntnisse

WBOY
Freigeben: 2016-05-16 16:49:23
Original
1094 Leute haben es durchsucht

Traversal wird häufiger verwendet, wenn JSON-Arrays in JQuery verarbeitet werden, aber das Hinzufügen und Entfernen derselben scheint nicht allzu viel zu sein.

Ich habe heute json[i].remove() und json.remove(i) ausprobiert, aber es hat nicht funktioniert. Wenn ich mir das DOM-Objekt der Webseite ansehe, scheinen die JSON-Daten in Form eines zu erscheinen Array. Ich habe die relevanten Arrays in JS überprüft. Es hat wirklich Spaß gemacht, es auszuprobieren.

Nehmen Sie es auf.

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]]]]); //Erstelle ein Array und weise Werte 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, was bedeutet, dass die Elemente auch dann eine variable Länge haben können, wenn die Länge mit 5 angegeben ist Andernfalls wird die Länge entsprechend geändert.

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-Elemente 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 ]]]);// 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 an der angegebenen Position des Arrays ein wird automatisch nach hinten verschoben und gibt „“ 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(); //Das erste Element entfernen und den Elementwert zurückgeben, 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 Element, das end entspricht, 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 und Geben Sie das verbundene neue Array zurück

6. Kopie des Arrays

Code kopieren Der Code lautet wie folgt:

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

7. Sortieren von Array-Elementen

Code kopieren Der Code lautet wie folgt:

arrayObj.reverse (); // Die Elemente umkehren (das erste zum letzten, das letzte nach vorne), die Array-Adresse zurückgeben
arrayObj.sort(); // Die Array-Elemente sortieren, die 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 miteinander verbindet, getrennt durch ein Trennzeichen.

toLocaleString, toString, valueOf: kann als spezielle Verwendung von Join angesehen werden, die nicht häufig verwendet wird
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