Een array in stukjes splitsen in JavaScript omvat het verdelen van de array in kleinere arrays van een bepaalde grootte. Dit proces is handig voor het efficiënter beheren van grote datasets of voor het verwerken van gegevens in kleinere, beter beheersbare delen binnen de applicatie.

Methoden om de array in stukjes te splitsen:

Inhoudsopgave

• Met behulp van de JavaScript-slice()-methode
• Met behulp van de JavaScript-splice()-methode
• Met behulp van de Lodash _.chunk()-methode
• Een lus gebruiken om de array te splitsen
• Array.reduce() gebruiken:
• Array.from() en Array.splice() gebruiken

Met behulp van de JavaScript-slice()-methode

De slice () methode retourneert een nieuwe array met de geselecteerde elementen. Deze methode selecteert de elementen beginnend bij het gegeven startargument en eindigt op, maar exclusief het gegeven eindargument.

Syntaxis:

array.slice(start, end);>

Voorbeeld: In dit voorbeeld wordt gebruik gemaakt van de plak() methode om de array in delen van de array te splitsen. Deze methode kan herhaaldelijk worden gebruikt om een ​​array van elke grootte te splitsen.

// Size of chunk let chunk = 4; // Input array let arr = [1, 2, 3, 4, 5, 6, 7, 8]; // Spiltted arrays let arr1 = arr.slice(0, chunk); let arr2 = arr.slice(chunk, chunk + arr.length); // Display Output console.log('Array1: ' + arr1 + '
Array2: ' + arr2);>

Array1: 1,2,3,4 Array2: 5,6,7,8>

Met behulp van de JavaScript-splice()-methode

splice()-methode voegt items toe aan/verwijdert items aan/uit een array en retourneert de lijst met verwijderde item(s).

Syntaxis:

array.splice(index, number, item1, ....., itemN);>

Voorbeeld: In dit voorbeeld wordt gebruik gemaakt van de splitsen() methode om de array in delen van de array te splitsen. Met deze methode worden de items uit de oorspronkelijke array verwijderd. Deze methode kan herhaaldelijk worden gebruikt om een ​​array van elke grootte te splitsen.

8 naar 1 multiplexer

// Size of aaray chunks let chunk = 2; // Input array let arr = [1, 2, 3, 4, 5, 6, 7, 8]; // Splitted arrays let arr1 = arr.splice(0, chunk); let arr2 = arr.splice(0, chunk); let arr3 = arr.splice(0, chunk); let arr4 = arr.splice(0, chunk); // Display output console.log('Array1: ' + arr1); console.log('Array2: ' + arr2); console.log('Array3: ' + arr3); console.log('Array4: ' + arr4);>

Array1: 1,2 Array2: 3,4 Array3: 5,6 Array4: 7,8>

Gebruik makend van Lodash _.chunk() methode

In deze aanpak gebruiken we Lodash _.chunk() methode dat de gegeven array in stukjes retourneert volgens de gegeven waarde.

Voorbeeld: In dit voorbeeld breken we de array op door grootte ‘3’ door te geven aan de methode _.chunk(). De grootte van de chunk kan worden gevarieerd en er kunnen arrays van verschillende gegevenstypen worden gebruikt met de chunk-functie.

// Requiring the lodash module // in the script let _ = require('lodash'); let arr = [1, 2, 3, 4, 5, 6,  'a', 'b', 'c', 'd']; console.log('Before: ', arr) // Making chunks of size 3 console.log('After: ', _.chunk(arr, 3))>

Uitgang:

Before: [  1, 2, 3, 4, 5,  6, 'a', 'b', 'c', 'd' ] After: [ [ 1, 2, 3 ], [ 4, 5, 6 ], [ 'a', 'b', 'c' ], [ 'd' ] ]>

Een lus gebruiken om de array te splitsen

Bij deze aanpak itereren we de oorspronkelijke array en verdelen deze in stukjes van de gewenste grootte, waarbij we elk stuk in een nieuwe array duwen.

Voorbeeld:

function chunkArray(array, chunkSize) {  const chunks = [];  for (let i = 0; i < array.length; i += chunkSize) {  chunks.push(array.slice(i, i + chunkSize));  }  return chunks; } const arr = [1, 2, 3, 4, 5, 6, 7, 8]; const chunkedArray = chunkArray(arr, 4); console.log(chunkedArray);>

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

Array.reduce() gebruiken

Gebruik makend van Array.reduce() , splits een array in stukjes van een opgegeven grootte. De reduce-functie verzamelt chunks op basis van de chunkSize, duwt gesneden delen van de array naar de chunks-array en retourneert de resulterende array met chunks.

Voorbeeld: In dit voorbeeld splitsen we een array op in stukjes van een opgegeven grootte met behulp van de reduce-methode. Het itereert door de array en duwt subarrays met de gedefinieerde chunkgrootte naar een resulterende array.

// Size of chunk let chunk = 4; // Input array let arr = [1, 2, 3, 4, 5, 6, 7, 8]; // Split array into chunks using reduce method let splittedArrays = arr.reduce((result, item, index) =>{ if (index% chunk === 0) { result.push(arr.slice(index, index + chunk));  } resultaat retourneren; }, []); // Weergave-uitvoer splittedArrays.forEach((subArray, index) => { console.log(`Array${index + 1}: ${subArray}`); });>

Array1: 1,2,3,4 Array2: 5,6,7,8>

Array.from() en Array.splice() gebruiken

Deze methode omvat het maken van een nieuwe array uit de originele array met behulp van Array.from() en het vervolgens herhaaldelijk verwijderen van elementen daaruit met behulp van splice() om chunks te vormen.

Voorbeeld: In dit voorbeeld splitst de functie chunkArray een array in stukjes van een opgegeven grootte. Het maakt een kopie van de originele array en extraheert iteratief delen op basis van de chunkgrootte totdat de array leeg is.

function chunkArray(array, chunkSize) {  const chunks = [];  const copyArray = Array.from(array); // Create a copy of the original array  while (copyArray.length>0) { chunks.push(copyArray.splice(0, chunkSize));  } retourbrokken; } // Voorbeeldgebruik: const arr = [1, 2, 3, 4, 5, 6, 'a', 'b', 'c', 'd']; const chunkgrootte = 3; const chunks = chunkArray(arr, chunkSize); console.log(brokken);>

[ [ 1, 2, 3 ], [ 4, 5, 6 ], [ 'a', 'b', 'c' ], [ 'd' ] ]>