Teilen Sie ein Array in JavaScript in Chunks auf

1. Teilen Sie ein Array mit der Methode slice() in JavaScript
2. Trennen jedes Elements eines Arrays mit der Methode slice() und der Schleife forEach in JavaScript

In JavaScript sind das Spielen mit Arrays und das Ausführen verschiedener Operationen an den Arrays, sei es das Einfügen, Löschen oder Bearbeiten von Daten in einem Array, sehr gängige Dinge, die jeder Programmierer wissen sollte.

Die JavaScript-Sprache macht unser Leben viel einfacher, indem sie uns verschiedene großartige integrierte Funktionen zur Verfügung stellt, die es uns ermöglichen, mit der Array-Datenstruktur zu spielen und sie zu ändern. Eine solche Methode, die wir in diesem Artikel besprechen werden, ist die Funktion slice(). Mit dieser Methode können wir ganz einfach ein ganzes Array in verschiedene Chunks aufteilen oder aufteilen.

Teilen Sie ein Array mit der Methode slice() in JavaScript

Die Methode slice() wird verwendet, um ein Array in kleinere Stücke zu zerschneiden oder zu unterteilen. Diese Funktion nimmt zwei Parameter als Eingabe, start und end. Der start stellt den Startindex dar, ab dem Sie mit dem Aufteilen des Arrays beginnen möchten, und das end stellt den Index dar, an dem Sie das Aufteilen oder Teilen beenden möchten.

Beachten Sie dabei, dass das Slicing einen Index vor dem von Ihnen angegebenen end-Index stoppt. Wenn Sie beispielsweise end als 5 definiert haben, stoppt die Methode das Slicen eines Index zuvor, d. h. bei Index 4.

Nach dem Slicing bleibt das ursprüngliche Array unverändert. Moderne Browser unterstützen diese Methode.

Im folgenden Codebeispiel haben wir ein Array namens numbersArr, das vom Typ integers ist. Wir können die Parameter start und end übergeben, um dieses Array zu teilen oder zu teilen. Hier haben wir 2 und 5 als Parameter start und end übergeben.

let numbersArr = [1, 2, 3, 4, 5, 6, 7, 8];

console.log(numbersArr.slice(2, 5));
console.log('Original Array: ', numbersArr);

Ausgabe:

[3, 4, 5]
Original Array: [1, 2, 3, 4, 5, 6, 7, 8]

Da wir bei Index 2 die Elementnummer 3 und einen Index vor Index 5 haben, haben wir eine Elementnummer 5. Die Methode slice() teilt dieses Array und wir erhalten die Ausgabe als [3, 4, 5]. Wie bereits besprochen, bleibt das ursprüngliche Array unverändert, und wenn wir also das Array numbersArr ausgeben, erhalten wir das gesamte Array mit allen vorhandenen Elementen als Ausgabe.

Beide Parameter start und end sind optional. Wenn Sie die Position start nicht angeben, nimmt die Methode slice() als Standardwert 0. Wenn Sie die Position end nicht angeben, wird mit Hilfe der Methode array.length zum letzten Element des Arrays gesprungen.

Trennen jedes Elements eines Arrays mit der Methode slice() und der Schleife forEach in JavaScript

Um alle Array-Elemente zu teilen oder zu teilen, können wir sowohl die Methode slice() als auch die for-Schleife verwenden. Sie können hier auch eine for-Schleife verwenden – das ist kein Problem. Außerdem haben wir auch das gleiche Array numbersArr. Immer wenn wir eine forEach-Schleife für ein Array verwenden, müssen wir Callback-Funktionen übergeben, die uns zwei Dinge liefern: Erstens ist das Element eines Arrays selbst und zweitens sein Index. Bei jeder Iteration gehen wir jedes Element eines Arrays durch und erhalten seinen entsprechenden Index.

let numbersArr = [1, 2, 3, 4, 5, 6, 7, 8];

numbersArr.forEach((value, index) => {
  console.log(numbersArr.slice(index, index + 1));
});

Ausgabe:

[ 1 ]
[ 2 ]
[ 3 ]
[ 4 ]
[ 5 ]
[ 6 ]
[ 7 ]
[ 8 ]

Wir übergeben den Wert index als start-Parameter und index+1 als end-Parameter an die Methode slice(). Wenn also beispielsweise der Indexwert 0 ist, wird index+1 zu 0 + 1 = 1 . Und da wir wissen, dass die Methode slice() ein Element vor dem Endindex stoppt, wollen wir hier jedes Element des Arrays aufteilen; Daher übergeben wir zunächst split(0,1), damit die Methode jeweils ein Element aus dem Array nimmt und es ausgibt.

In der zweiten Iteration wird es split(1,2) sein. Die dritte Iteration ist split(2,3) und so weiter, bis sie das Ende des Arrays erreicht.

Auf diese Weise können wir jedes Element eines Arrays in verschiedene Teile aufteilen. Wenn Sie später in Ihrem Code auf diese einzelnen Elemente zugreifen möchten, können Sie diese Elemente auch speichern, indem Sie je nach Bedarf separate Arrays für jedes Element erstellen.