Methoden des Arrays in JavaScript

JavaScript verfügt über viele nützliche eingebauten Methoden zur Verarbeitung von Arrays.

Methoden, die das ursprüngliche Array ändern, werden alsverändernde (Mutator) Methode.

zurückgibt einen neuen Wert oder eine neue Darstellung.Methodegenanntaccessor (Zugriffs-)Methode.

Array in eine Zeichenkette umwandeln

toString()Arraymethoden konvertieren das Array in eine Zeichenkette (durch Kommas getrennt) der Arraywerte.

var months = ["Jan", "Feb", "Mar", "Apr", "May"];
document.getElementById("result").innerHTML = months.toString();

join()Arraymethoden können auch alle Elemente des Arrays in einen neuen String umwandeln.

Das Verhalten dieser Methode ist ähnlichtoString()，aber Sie können auch einen Trennzeichen für die join-Methode angeben.

var fruits = ["Banana", "Apple", "Mango"];
fruits.join("　+　　　　//　Banana　+　Apple　+　Mango
fruits.join("　/　　　　//　Banana　/　Apple　/　Mango
fruits.join("　©　");　　//　Banana © Apple © Mango

let fruits = ["Apple", "Mango", "Banana", "Orange"];
document.getElementById("result").innerHTML = fruits;

push()-Methode - Arrayelement hinzufügen

push()Arraymethoden fügen ein oder mehrere neue Elemente an das Ende des Arrays hinzu.

var fruits = ["Banana", "Mango", "Apple"];
fruits.push("Strawberry");

push()Die Methode gibt die neue Länge des Arrays zurück.

Nachfolgender Code fügt drei Elemente zum Array hinzu. Die Variable total enthält die neue Länge des Arrays:

var fruits = ["Banana", "Mango", "Apple"];
var total = fruits.push("Strawberry", "Lychee", "Guava");

unshift()Arraymethoden fügen ein oder mehrere neue Elemente an den Anfang des Arrays hinzu.

var fruits = ["Banana", "Mango", "Apple"];
fruits.unshift("Strawberry");

Dasunshift()Die Funktion dient dazu: Die neue Länge des Arrays zurückzugeben.

Nachfolgender Code fügt drei Elemente zum Array hinzu. Die Variable total enthält die neue Länge des Arrays:

var fruits = ["Banana", "Mango", "Apple"];
var total = fruits.unshift("Strawberry", "Lychee", "Guava");

pop()-Methode - Arrayelement entfernen

pop()Die Funktion dient dazu: Den letzten Element des Arrays zu entfernen.

var fruits = ["Banana", "Mango", "Apple", "Orange"];
fruits.pop();

pop()Methode gibt den "ausgepoppelten" Wert zurück:

var fruits = ["Banana", "Mango", "Apple", "Orange"];
var x = fruits.pop();

shift()Arraymethoden entfernen den ersten Element aus dem Array.

var fruits = ["Banana", "Mango", "Apple", "Orange"];
fruits.shift();

shift()Methode gibt das "ausgewechselte" Element zurück:

var fruits = ["Banana", "Mango", "Apple", "Orange"];
var x = fruits.shift();

splice() Methode - Array hinzufügen und ändern

splice()Methode ändert das Array, indem sie bestehende Elemente löscht und (oder) neue Elemente hinzufügt.

var　months　=　['Jan',　'Mar#39;,　'Apr#39;,　'Jun#39;];
months.splice(1,　0,　#39;Feb');//　hinzufügen#39;Feb'　bei Index　1

Der erste Parameter (1) definiert den Ort, an dem neue Elemente hinzugefügt werden sollen.

Der zweite Parameter (0) definiert, wie viele Elemente entfernt werden sollen.

Der dritte Parameter (#39;Feb'）definieren Sie die neuen Elemente, die hinzugefügt werden sollen.

Im folgenden Beispiel ersetzen wir im4Ersetzen Sie an1Elemente:

var　months　=　['Jan',　'Feb',　'Mar#39;,　'Apr#39;,　'Jun#39;];
months.splice(4,　1,　#39;May#39;);　　　//　replace#39;Jun#39;　mit39;May#39;　bei Index　4

Im folgenden Beispiel entfernen wir ab dem Indexwert3entfernen1Elemente:

var　months　=　['Jan',　'Feb',　'Mar#39;,　'Apr#39;,　'Jun#39;];
months.splice(3,　1);

Im folgenden Beispiel entfernen wir ab dem Indexwert2Beginn der Entfernung2Elemente:

var　months　=　['Jan',　'Feb',　'Mar#39;,　'Apr#39;,　'Jun#39;];
months.splice(2,　2);

splice()Methode gibt ein Array zurück, das die entfernten Elemente enthält:

var　months　=　['Jan',　'Feb',　'Mar#39;,　'Apr#39;,　'Jun#39;];
var arr = months.splice(2,　2);

Beachten Siesplice()Vergleichen Sie nicht mitslice()Array-Verwirrer, der eine Teilmenge des Arrays kopiert.

Arrayelemente ändern

Durch die Verwendung des Zuweisungsoperators können wir jeden Wert im Array ersetzen.

let fruits = ["Apple", "Mango", "Banana", "Orange"];
fruits[0] = "Monkey";

concat() Methode - Arrayzusammenführung

concat()Arraymethoden dienen dazu, zwei oder mehrere Arrays zu einem neuen Array zusammenzufügen.

Im folgenden Beispiel erstellen wir zwei Arrays und fügen sie zu einem neuen Array zusammen:

var fruits = ["Apple", "Mango", "Banana"];
var numbers = [5,　10,　12,　98,　3
var arr = fruits.concat(numbers);

concat()Die Methode kann mehrere Parameter verwenden, Sie können mehrere Arrays mithilfe einer einzigen Methode effizient zusammenfügen.

var num1　= [1,　2,　3
var num2　= [4,　5,　6
var num3　= [7,　8,　9
var nums = Nummer1.concat(Nummer)2，Nummer3);

slice() Methode - Array-Schnipsel

slice()Die Array-Methode kopiert einen Teil des Arrays in ein neues Array.

var　fruits　=　['Banana',　'Mango',　'Apple',　'Orange'];
var　extract　=　fruits.slice(1,　3);//　return　Mango,　Apple

Der erste Parameter (1）definiert den Ort, an dem die Extraktion beginnt.

Der zweite Parameter (3）definiert den Ort, an dem die Extraktion endet.

Wenn der zweite Parameter weggelassen wird, dann derslice()Die Methode schneidet den Rest des Arrays heraus.

Im folgenden Beispiel extrahieren wir Elemente, ohne den zweiten Parameter zu verwenden:

var　fruits　=　['Banana',　'Mango',　'Apple',　'Orange'];
var　extract　=　fruits.slice(1);//　return　Mango,　Apple,　Orange

In diesem Beispiel verwenden wir negative Werte, um Array-Elemente abzuholen:

var　fruits　=　['Banana',　'Mango',　'Apple',　'Orange'];
var　extract　=　fruits.slice(-3,　-1);//　return　Mango,　Apple

Elemente im Array suchen

indexOf()Die Array-Methode gibt den ersten Index zurück, an dem das angegebene Element im Array gefunden wird.

var　fruits　=　['Banana',　'Mango',　'Apple',　'Orange'];
fruits.indexOf('Apple');//　returns　2

Anmerkung:Der Index des ersten Elements ist 0, der Index des zweiten Elements ist1und so weiter.

Wenn der gegebene Parameter ein Wert ist, der im Array nicht existiert, dann wird er-1.

var　fruits　=　['Banana',　'Mango',　'Apple',　'Orange'];
fruits.indexOf('Beer');//　returns　-1

lastIndexOf()Die Array-Methode gibt den letzten Index zurück, an dem das angegebene Element im Array gefunden wird.

Wir können den gleichen Beispiel von indexOf() testen, der zwei 'Apple' enthält.

var　fruits　=　['Banana',　'Mango',　'Apple',　'Orange',　'Apple'];
fruits.lastIndexOf('Apple');//　returns　4

Anmerkung:lastIndexOf()wird vom Ende des Arrays beginnen und die erste Indexnummer zurückgeben, die es findet.

Wenn der gegebene Parameter ein Wert ist, der im Array nicht existiert, dann wird er-1.

var　fruits　=　['Banana',　'Mango',　'Apple',　'Orange',　'Apple'];
fruits.lastIndexOf('Beer');//　returns　-1

fill() Methode

fill()Die Array-Methode ersetzt alle Elemente im Array durch einen statischen Wert.

var　nums　=　[1,　2,　3,　4
nums.fill(17);

Alle vier Elemente im Array sind durch denselben Wert ersetzt worden17.

fill()akzeptiert auch optionalen Parameter für den Start- und Endpunkt.

von der Position2bis zur Position4Füllt 0 (nicht einschließlich4）：

var　nums　=　[1,　2,　3,　4
nums.fill(0,　2,　4);

Verwendenfill()Man kann eine oder mehrere Elemente im Array durch statische Werte ersetzen.

Array-Sortierung und Array-Umkehren

reverse()Die Array-Methode kann die Reihenfolge der Elemente im Array umkehren.

var　nums　=　[10,　20,　30,　40,　50];
nums.reverse();

Verwendenreverse()Dann wird der letzte Element der erste sein, und der erste Element der letzte sein.

sort()Die Array-Methode sortiert die Elemente im Array nach dem ersten Zeichen des Elements. Bei gleicher ersten Zeile wird sie weiter zur nächsten Reihe gehen und das zweite Zeichen vergleichen, und so weiter.

Standardmäßig,sort()Sortiert alle Groß- und Kleinbuchstaben-Zeichenfolgen in alphabetischer Reihenfolge.

var　months　=　['March',　'Jan',　'Feb',　'Dec'];
months.sort();

Wegensort()Basiert auf dem ersten Unicode-Zeichen, daher wird es die großen Elemente sortieren und dann die kleinen Elemente.

让我们修改原始数组，以使我们的字符串之一以小写字母开头。

var　months　=　['March',　'Jan',　'Feb',　'dec'];
months.sort();

可以使用sort()方法对数字进行排序。

var　nums　=　[5,　1,　2,　7,　3,　6,　4
nums.sort();

sort()不会按大小对数字数组排序。相反，它只检查数字中的第一个字符。

var　nums　=　[5,　1,　2,　17,　13,　6,　34
nums.sort();

为了正确地对数字进行排序，您可以创建一个比较函数作为参数。

var　nums　=　[5,　1,　2,　17,　13,　6,　34
nums.sort(function(a,　b)　{return　a　-　b});

如果需要重复对数字进行排序，则可以创建一个单独的函数。

var　nums　=　[5,　1,　2,　17,　13,　6,　34
nums.sort(sortNumerically);
//　Funktion zum Sortieren von Zahlen nach Größe
var　sortNumerically　=　(a,　b)　=>　{
　　return　a　-　b;
}

Vollständige Array-Referenz

Für eine vollständige Referenz zu Eigenschaften und Methoden besuchen Sie bitte unsereJavaScript Array Array Referenzhandbuch.

Der Referenzteil enthält alle Beschreibungen und Beispiele für Array-Attribute und -Methoden.