Come dividere un lungo array in array più piccoli con JavaScript?

Come dividere un lungo array in array più piccoli con JavaScript?
In vari scenari, i programmatori devono dividere l'array in blocchi più piccoli per organizzare i dati in modo corretto. Più specificamente, dividere l'array in blocchi più piccoli può semplificare il rendering e la visualizzazione dei dati senza causare problemi di prestazioni. Consente di lavorare con i dati in pezzi più gestibili. Aiuta a evitare i limiti di memoria.

Questo articolo illustrerà la procedura per dividere un lungo array in piccoli array in JavaScript.

Come dividere un lungo array in array più piccoli con JavaScript?

Per dividere un lungo array in piccoli array, utilizzare i seguenti metodi:

  • Metodo Slice ()
  • Metodo Splice ()

Metodo 1: dividere un array lungo in array più piccoli usando il metodo Slice ()

Usa il "fetta()"Metodo per dividere un array in array più piccoli. Senza modificare l'array originale, crea un nuovo array con elementi prelevati dall'array originale.

Sintassi

Seguire la sintassi data per il metodo Slice ():

fetta (inizio, fine)

Nella sintassi sopra:

  • "inizio"È un numero intero che specifica la posizione iniziale della fetta/array. È incluso nella fetta.
  • "FINE"È un numero intero che specifica la posizione finale della fetta/array. È esclusivo e non è incluso nella fetta.

Esempio

Crea un array di numeri:

Array const = [0, 2, 4, 6, 8, 1, 3, 5, 7, 9, 2, 5, 8];

Chiama il metodo Slice () per ottenere la fetta di un array a partire dall'indice da 0 a 5. Qui l'ultimo indice è esclusivo:

var array1 = array.slice (0, 5);
console.log (array1);

La seconda fetta sarà dall'indice 5 all'indice 8:

var array2 = array.fetta (5, 8);
console.log (array2);

L'ultima fetta sarà iniziata dall'indice 8, fino alla fine:

var array3 = array.fetta (8);
console.log (array3);

L'output indica che l'array è stato diviso correttamente in tre array di dimensioni diverse:

Ora, divideremo l'array in diversi blocchi chiamando la funzione:

functionsplitarrayintosubarys (array, subarrays)
per (i = 0; ivar temp;
temp = array.slice (i, i + subarrays);
console.log (temp);

Nel frammento di codice sopra:

  • Innanzitutto, definisci una funzione chiamata "splitrrayintosubarys"Ci vogliono due parametri" un array "e un" numero di blocchi "per dividere l'array.
  • Itera l'intero array usando il "per" ciclo continuo.
  • Chiama il metodo Slice () per tagliare l'array in blocchi.

Crea un array di numeri che passerà alla funzione per dividere in piccoli array:

Array const = [6, 5, 1, 0, 2, 4, 6, 8, 1, 3, 5, 7, 9, 2];

Specificare il numero di blocchi che è "4":

const subarrayelements = 4;

Chiama la funzione definita passando l'array e il conteggio di piccoli array come argomenti:

splitarrayintosubarys (array, subarrayelements);

Si può vedere che l'output visualizza quattro piccoli array, tre sono uguali di dimensioni:

Metodo 2: dividere un array lungo in array più piccoli usando il metodo Splice ()

Puoi anche usare il “splice ()"Metodo per dividere un array in piccoli array. Cambia l'array originale aggiungendo o rimuovendo elementi e fornisce un array che contiene gli elementi rimossi se presenti.

Sintassi

La seguente sintassi viene utilizzata per il metodo Splice ():

giunzione (inizio, fine)

Esempio

Crea un array numerico:

const array = [0, 2, 4, 6, 8, 10];

Chiama il metodo Splice () passando l'inizio e il conteggio finale per il primo array più piccolo:

var array1 = array.giunzione (0, 3);

Stampa il primo pezzo di un array:

console.log (array1);

Infine, stampa l'array rimanente:

console.log (array);

Produzione

Si tratta solo di scendere array in array più piccoli in JavaScript.

Conclusione

Per dividere un lungo array in array più piccoli, usa il "fetta()Metodo o il "splice ()" metodo. I metodi Slice () e Splice () in JavaScript estraggono parti di un array ma hanno diversi casi e risultati d'uso. Questo articolo ha illustrato la procedura per dividere un lungo array in piccoli array in JavaScript.