Podziel tablicę na fragmenty w JavaScript

Dwie metody dzielą tablicę w JavaScript na mniejsze równe kawałki. Te dwie metody używają odpowiednio splatce () i slice (). W tym artykule wyświetli te metody podziału tablicy na mniejsze kawałki. Zacznijmy od pierwszego.

Metoda 1: Slice () do podzielenia tablicy na kawałki

Aby to zademonstrować, najpierw utwórz szereg liczb całkowitych z następującym wierszem kodu:

my_array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

Następnie zdefiniuj rozmiar każdego kawałka, który ma być wyprowadzony z oryginalnej tablicy:

Chunksize = 2;

Następnie po prostu użyj Do pętla, aby iterować za pomocą tablicy i utworzyć zmienną tablicy kawałek Za pomocą metody slice () z następującymi wierszami kodu:

dla (i = 0; i < my_array.length; i += chunkSize)
Niech fragment;
Chunk = my_array.pokrój (i, i + fragment);
konsola.log (fragment);

W tym kodowym fragmencie:

• Do Pętla jest używana do iteracji przez oryginalną tablicę, a dla każdej iteracji wartość zmiennej iterator (i) jest zwiększona o rozmiar fragmentu, aby uniknąć ponownego czytania tego samego kawałka.
• Wewnątrz pętli, tworzona jest nowa zmienna tablicy kawałek
• my_array.plasterek() wycina kawałek tablicy w oparciu o argumenty i sklepy, które w kawałek zmienny
• Na końcu funkcja dziennika konsoli drukuje kawałek na terminalu.

Kompletny fragment kodu jest jako:

my_array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
Chunksize = 2;
dla (i = 0; i < my_array.length; i += chunkSize)
Niech fragment;
Chunk = my_array.pokrój (i, i + fragment);
konsola.log (fragment);

Po wykonaniu powyższy fragment kodu daje następujące wyniki:

Wyjście wyświetla tablicę przekonwertowaną na mniejsze fragmenty każdego z rozmiarów 2.

Metoda 2: Zastosowanie splat () do podzielenia tablicy na mniejsze fragmenty

Aby zaprezentować użycie metody splat (), najpierw utwórz nową tablicę z następującymi wierszami kodu:

my_array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];

Zdefiniuj rozmiar kawałka, tak jak w pierwszej metodzie, stosując następujący wiersz:

Chunksize = 4;

Potem chwila() Pętla jest używana w połączeniu z splat () do iteracji przez tablicę:

While (my_array.długość> 0)
Niech fragment;
Chunk = my_array.splice (0, fragment);
konsola.log (fragment);

W tym kodowym fragmencie:

• Pętla while jest używana do iteracji przez tablicę z warunkiem, że chociaż długość tablicy jest większa niż 0, ponieważ użycie splat () zmniejsza rozmiar oryginalnej tablicy.
• Wewnątrz pętli While tworzona jest zmienna fragmentu do przechowywania każdego kawałka.
• Następnie zmienna fragmentu jest ustawiona równa My_Array.Metoda spllice (), która zwraca kawałek z tablicy, zaczynając od 0. indeksu do indeksu decydowanego przez fragmenty
• Na koniec wydrukuj kawałek na terminalu za pomocą funkcji dziennika konsoli

Kompletny fragment kodu jest jako:

my_array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
Chunksize = 4;
While (my_array.długość> 0)
Niech fragment;
Chunk = my_array.splice (0, fragment);
konsola.log (fragment);

Wykonanie tego kodu daje następujące dane wyjściowe:

Z wyjścia wyraźnie wynika, że ​​metoda splatce () dzieli tablicę na kawałki, każdy z rozmiarów 4.

Wniosek

W JavaScript programista może użyć dwóch metod do podziału lub podziału tablicy na mniejsze, ale równe kawałki. Metody te obejmują zastosowanie metody slice () i metody splaj () w połączeniu z dla pętli I podczas pętli. W tym artykule pokazano działanie obu metod za pomocą dwóch przykładów.