Zusammenfassung von Anwendungsbeispielen für Array-Verarbeitungsfunktionen grundlegender JavaScript-Funktionen

join()

Füge alle Elemente des Arrays in einen String ein. Elemente werden durch das angegebene Trennzeichen getrennt.
Zum Beispiel:

 <script type="text/javascript">
       var arr = [&#39;item 1&#39;, &#39;item 2&#39;, &#39;item 3&#39;];
       var list = &#39;<ul><li>&#39; + arr.join(&#39;</li><li>&#39;) + &#39;</li></ul>&#39;;
 </script>

Listenergebnis:

'

• item 1
• item 2
< ; li>item 3

'
Dies ist bei weitem die schnellste Methode! Die Verwendung von nativem Code (z. B. join()) ist unabhängig davon, was das System intern tut, normalerweise viel schneller als die Verwendung von nicht nativem Code. ——James Padolsey, james.padolsey.com

pop()

Das letzte Element des Arrays löschen und zurückgeben
Die Methode pop() löscht das letzte Element des Arrays und das Array an zurückgeben. Dekrementiert die Länge um 1 und gibt den Wert des entfernten Elements zurück.
Wenn das Array bereits leer ist, ändert pop() das Array nicht und gibt einen undefinierten Wert zurück
Zum Beispiel:

 <script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.pop() + "<br/>");
       document.write(arr);
 </script>

Ausgabeergebnis:
George, John, Thomas
Thomas
George,John

push()

Fügt ein oder mehrere Elemente am Ende des Arrays hinzu und gibt die neue Länge zurück
Zum Beispiel:

<script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.push("James") + "<br/>");
       document.write(arr);
 </script>

Ausgabeergebnis:
George,John,Thomas
4
George,John,Thomas,James

unshift()

Fügt ein oder mehrere Elemente am Anfang des Arrays hinzu und gibt die neue Länge zurück

Zum Beispiel:

 <script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.unshift("James") + "<br/>");
       document.write(arr);
 </script>

Ausgabe:
George,John, Thomas
4
James, George, John, Thomas

shift()

Das erste löschen und zurückgeben Element des Arrays

Zum Beispiel:

<script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.shift() + "<br/>");
       document.write(arr);
 </script>

Ausgabeergebnis:
George,John,Thomas
George
John,Thomas

sort()

Sortieren Sie die Elemente des Arrays

Sortieren Sie das Array-Zitat. Bitte beachten Sie, dass das Array nach dem Original-Array sortiert wird und keine Kopie generiert wird
Diese Methode sortiert standardmäßig in der Reihenfolge der Zeichenkodierung (ASCII)
Zum Beispiel:

<script type="text/javascript">
     var arr = new Array(6);
     arr[0] = "John";
     arr[1] = "George";
     arr[2] = "Thomas";
     document.write(arr + "<br/>");
     document.write(arr.sort());
 </script>

Ausgabeergebnis:
John,George,Thomas
George,John,Thomas

Sehen wir uns ein anderes Beispiel an:

<script type="text/javascript">
     var arr = new Array(6);
     arr[0] = 10
     arr[1] = 5
     arr[2] = 40
     arr[3] = 25
     arr[4] = 1000
     arr[5] = 1
     document.write(arr + "<br/>");
     document.write(arr.sort());
 </script>

Ausgabeergebnis:
10,5 ,40,25 ,1000,1
1,10,1000,25,40,5

Wir können sehen, dass es nicht nach numerischer Größe sortiert ist, wie wir denken, wenn Sie nach numerischer Größe sortieren möchten Größe, Sie müssen die Standardsortiermethode ändern. Sie können die Sortierregeln selbst festlegen.
Wie folgt:

 <script type="text/javascript">
     var arr = new Array(6);
     arr[0] = 10
     arr[1] = 5
     arr[2] = 40
     arr[3] = 25
     arr[4] = 1000
     arr[5] = 1
     document.write(arr + "<br/>");
     document.write(arr.sort(function (a, b) {return a - b;}));// 从大到小
 </script>

Ausgabeergebnisse:
10,5,40,25,1000,1
1,5,10,25,40,1000
Wenn Sie möchten. Wie wäre es mit einer Sortierung in absteigender Reihenfolge?
Ändern Sie die Sortierregel in:
Funktion (a, b) {return b - a;🎜>Das ist in Ordnung

Das obige ist der detaillierte Inhalt vonZusammenfassung von Anwendungsbeispielen für Array-Verarbeitungsfunktionen grundlegender JavaScript-Funktionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!