Opdeling af et array i bidder i JavaScript involverer opdeling af arrayet i mindre arrays af en specificeret størrelse. Denne proces er nyttig til at administrere store datasæt mere effektivt eller til at behandle data i mindre, mere håndterbare dele i applikationen.

Metoder til at opdele arrayet i bidder:

Indholdsfortegnelse

• Bruger JavaScript slice()-metoden
• Brug af JavaScript splice() metode
• Brug af Lodash _.chunk()-metoden
• Brug af en løkke til at opdele arrayet
• Brug af Array.reduce():
• Brug af Array.from() og Array.splice()

Bruger JavaScript slice()-metoden

Det skive () metode returnerer et nyt array, der indeholder de valgte elementer. Denne metode vælger de elementer, der starter fra det givne startargument og slutter ved, men ekskluderer det givne slutargument.

Syntaks:

array.slice(start, end);>

Eksempel: Dette eksempel bruger skive() metode til at opdele arrayet i bidder af arrayet. Denne metode kan bruges gentagne gange til at opdele et array af enhver størrelse.

// 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>

Brug af JavaScript splice() metode

splice() metode tilføjer/fjerner elementer til/fra et array og returnerer listen over fjernede elementer.

Syntaks:

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

Eksempel: Dette eksempel bruger splejs () metode til at opdele arrayet i bidder af arrayet. Denne metode fjerner elementerne fra det originale array. Denne metode kan bruges gentagne gange til at opdele et array af enhver størrelse.

nuværende dato i java

// 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>

Ved brug af Lodash _.chunk() metode

I denne tilgang bruger vi Lodash _.chunk() metode der returnerer det givne array i bidder i henhold til den givne værdi.

Eksempel: I dette eksempel bryder vi arrayet ved at overføre størrelse '3' til _.chunk()-metoden. Størrelsen af ​​chunk kan varieres, og en række forskellige datatyper kan bruges med chunk-funktion.

// 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))>

Produktion:

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

Brug af en løkke til at opdele arrayet

I denne tilgang itererer vi over det originale array og skærer det i bidder af den ønskede størrelse, og skubber hver chunk ind i en ny array.

Eksempel:

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 ] ]>

Brug af Array.reduce()

Ved brug af Array.reduce() , opdele et array i bidder af en specificeret størrelse. Reduceringsfunktionen akkumulerer chunks baseret på chunkSize, skubber udskårne dele af arrayet ind i chunks-arrayet og returnerer det resulterende array af chunks.

Eksempel: I dette eksempel opdeler vi et array i bidder af en specificeret størrelse ved hjælp af reduceringsmetoden. Det itererer gennem arrayet og skubber subarrays af den definerede chunk-størrelse ind i et 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 (indeks % chunk === 0) { result.push(arr.slice(indeks, indeks + chunk));  } returner resultat; }, []); // Display Output splittedArrays.forEach((subArray, index) => { console.log(`Array${index + 1}: ${subArray}`); });>

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

Brug af Array.from() og Array.splice()

Denne metode involverer at skabe et nyt array fra det originale array ved hjælp af Array.from() og derefter gentagne gange at fjerne elementer fra det ved hjælp af splice() for at danne bidder.

Eksempel: I dette eksempel opdeler chunkArray-funktionen et array i bidder af en specificeret størrelse. Det opretter en kopi af det originale array og udtrækker iterativt dele baseret på chunk-størrelsen, indtil arrayet er tomt.

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));  } returner bidder; } // Eksempel på brug: const arr = [1, 2, 3, 4, 5, 6, 'a', 'b', 'c', 'd']; const chunkSize = 3; const chunks = chunkArray(arr, chunkSize); console.log(chunks);>

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