Jak podzielić długą tablicę na mniejsze tablice JavaScript?

Jak podzielić długą tablicę na mniejsze tablice JavaScript?
W różnych scenariuszach programiści muszą podzielić tablicę na mniejsze fragmenty, aby w odpowiedni sposób zorganizować dane. Mówiąc dokładniej, podział tablicy na mniejsze fragmenty może ułatwić renderowanie i wyświetlanie danych bez powodowania problemów z wydajnością. Umożliwia pracę z danymi w bardziej zarządzanych elementach. Pomaga uniknąć ograniczeń pamięci.

Ten artykuł ilustruje procedurę podziału długiej tablicy na małe tablice w JavaScript.

Jak podzielić długą tablicę na mniejsze tablice JavaScript?

Aby podzielić długą tablicę na małe tablice, użyj następujących metod:

  • metoda slice ()
  • Metoda splice ()

Metoda 1: Podziel długą tablicę na mniejsze tablice za pomocą metody slice ()

Użyj "plasterek()”Metoda podziału tablicy na mniejsze tablice. Bez modyfikacji oryginalnej tablicy, tworzy nową tablicę z elementami pobranymi z oryginalnej tablicy.

Składnia

Postępuj zgodnie z podaną składnią dla metody slice ():

Pokrój (start, koniec)

W powyższej składni:

  • "początek”Jest liczbą całkowitą, która określa pozycję początkową plaster/tablicę. Jest zawarty w plasterze.
  • "koniec”Jest liczbą całkowitą, która określa pozycję końcową plasterek/tablicy. Jest wyłączny i nie jest zawarty w plasterze.

Przykład

Utwórz szereg liczb:

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

Wywołaj metodę slice (), aby uzyskać plasterek tablicy, zaczynając od indeksu 0 do 5. Tutaj ostatni indeks jest wyłączny:

var array1 = tablica.pokrój (0, 5);
konsola.log (array1);

Drugi plasterek będzie od indeksu 5 do indeksu 8:

var array2 = tablica.pokrój (5, 8);
konsola.log (array2);

Ostatni plasterek zostanie uruchomiony od indeksu 8, do końca:

var array3 = tablica.pokrój (8);
konsola.log (array3);

Wyjście wskazuje, że tablica została pomyślnie podzielona na trzy tablice różnych rozmiarów:

Teraz podzielimy tablicę na różne fragmenty, wywołując funkcję:

FunkctionSpliTarrayIntosubarrays (Array, Subarrays)
dla (i = 0; ivar temp;
temp = tablica.Pokrój (i, i + Subarrays);
konsola.log (temp);

W powyższym fragmencie kodu:

  • Najpierw zdefiniuj funkcję o nazwie „splitarrayintosubarrays„To wymaga dwóch parametrów„ tablicy ”i„ liczby fragmentów ”, aby podzielić tablicę.
  • Iteruj całą tablicę za pomocą „Do" pętla.
  • Wywołaj metodę slice (), aby pokroić tablicę na kawałki.

Utwórz szereg liczb, które przejdą do funkcji, aby podzielić na małe tablice:

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

Określ liczbę fragmentów „4”:

const subarrayelements = 4;

Wywołaj zdefiniowaną funkcję, przekazując tablicę i liczbę małych tablic jako argumenty:

splitarrayintosubarrays (Array, Subarrayelements);

Można zauważyć, że wyjście wyświetla cztery małe tablice, trzy z nich są równe rozmiaru:

Metoda 2: Podziel długą tablicę na mniejsze tablice za pomocą metody splatce ()

Możesz także użyć „splatać()”Metoda podziału tablicy na małe tablice. Zmienia oryginalną tablicę, dodając lub usuwając elementy i podaje tablicę zawierającą usunięte elementy, jeśli w ogóle.

Składnia

Do metody splat () wykorzystywana jest następująca składnia:

splice (start, koniec)

Przykład

Utwórz tablicę numerów:

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

Wywołaj metodę splat (), przekazując początek i liczbę końcową dla pierwszej mniejszej tablicy:

var array1 = tablica.splice (0, 3);

Wydrukuj pierwszy kawałek tablicy:

konsola.log (array1);

Na koniec wydrukuj pozostałą tablicę:

konsola.log (tablica);

Wyjście

Chodzi o podzielenie tablic na mniejsze tablice w JavaScript.

Wniosek

Aby podzielić długą tablicę na mniejsze tablice, użyj „plasterek()”Metoda lub„splatać()" metoda. Metody slice () i splice () w JavaScript wyodrębnia części tablicy, ale mają różne przypadki użycia i wyniki. W tym artykule zilustrowano procedurę podziału długiej tablicy na małe tablice w JavaScript.