Jak scalić tablice w JavaScript
Istnieją szanse, że konieczne może być łączyć tablice, jeśli dane pochodzą z wielu strumieni. W takiej sytuacji możesz połączyć wszystkie elementy różnych tablic w jedną tablicę. JavaScript obsługuje Niezmienny I Zmienny Scalanie tablic, a każde podejście opiera się na określonych metodach.
Ten zapis wyjaśni procedurę łączenia tablic w JavaScript za pomocą odpowiednich przykładów. A więc zacznijmy!
Jak scalić tablice w JavaScript
JavaScript oferuje dwa sposoby scalania tablic: niezmienne scalanie i zmienne łączenie.
Niezmienne połączenie tablic
W niezmiennym połączeniu nowa tablica powstaje po połączeniu elementów określonych tablic. JavaScript „rozpowszechnianie się„Operator i„szyk.conat ()„Metoda jest wykorzystywana do niezmiennego połączenia tablic.
Zmieniające się połączenie tablic
Zmienna metoda scalania tablic służy do wykonywania operacji scalania w istniejącą tablicę. "szyk.naciskać()„Metoda może być zastosowana do przesuwania elementów jednej tablicy do drugiej.
Teraz sprawdźmy procedurę użycia każdej z określonych metod w JavaScript.
Jak scalać tablice w JavaScript za pomocą operatora rozprzestrzeniania
Operator rozprzestrzeniał się w ES6, reprezentowany przez trzy kolejne kropki „”… ". Służy do niszczenia tablic i odpowiednio scalania.
Składnia używania operatora spread do łączenia tablic w JavaScript
W podbitej składni musisz określić tablice, które należy połączyć poprzedzające operatora rozprzestrzeniania się „… ”, W literaturze tablicy„[] []”:
const mergedArray = [… array1,… array2];Tutaj JavaScript wygeneruje nowy „MergedArray”, Który obejmuje elementy„Array1" I "Array2".
Przykład: Jak scalać tablice w JavaScript za pomocą operatora rozprzestrzeniania się
Przede wszystkim stworzymy dwie tablice o nazwie „dziewczyny" I "chłopcy,”, Który będzie miał następujące elementy:
const girls = [„Marie”, „Stepheny”];const boys = [„Alex”, „Max”];
W następnym kroku użyjemy operatora rozprzestrzeniania JavaScript do scalania „dziewczyny" I "chłopcy„Elementy tablicy w nowym”ludzie"Tablica:
const People = [… dziewczęta,… chłopcy];konsola.log (ludzie);
Wykonanie powyższego programu wyświetli następujące dane wyjściowe:
Kolejność, w jakiej określisz tablice w literale tablicy, ma znaczenie, ponieważ elementy zostaną scalone w tej samej sekwencji, w której dodawane są tablice. Możesz więc wybrać, czy chcesz wstawić elementy przed, czy po innych elementach tablicy.
Na przykład chcemy połączyć obie tablice „dziewczyny" I "chłopcy,„Korzystanie z operatora rozprzestrzeniania się w taki sposób, że elementy„chłopcy„Tablica pojawia się przed„dziewczyny„Elementy tablicy. W tym celu określamy „chłopcy" przed "dziewczyny„Tablica w tablicy dosłownej:
const girls = [„Marie”, „Stepheny”];const boys = [„Alex”, „Max”];
const People = [… chłopcy,… dziewczęta];
konsola.log (ludzie);
Wyjście
Jak widać, indeks początkowy „ludzie„Tablica zawiera„chłopcy„Element tablicy, a następnie inne indeksy odnoszą się„dziewczyny„Elementy tablicy.
Jak scalać tablice w JavaScript za pomocą metody concat ()
"conat ()”Jest jedną z najbardziej przydatnych metod JavaScript i jest używany przede wszystkim do łączenia wielu tablic w nową tablicę.
Składnia metody conat () w JavaScript
Jeśli chcesz połączyć tablice za pomocą JavaScript „conat ()”Metoda, to są dwie formy składni metody conat ():
const mergedArray = array1.conat (array2);LUB
const mergedArray = [].conat (array1, array2);W pierwszej formie „conat ()„Metoda połączy elementy„Array2" W "Array1”, Natomiast w drugiej formie składniowej„Array1" I "Array2„Elementy są scalone w pustą tablicę.
Przykład: Jak scalać tablice w JavaScript za pomocą metody concat ()
Poniższy przykład połączy elementy „dziewczyny„Tablica z„chłopcy”, Wykorzystując„szyk.conat ()" metoda:
const girls = [„Marie”, „Stepheny”];const boys = [„Alex”, „Max”];
const ludzie = dziewczyny.Conat (chłopcy);
konsola.log (ludzie);
Spójrz na dane wyjściowe poniżej:
Teraz wykonamy ten sam przykład, przy użyciu innej składni metody conat ():
const girls = [„Marie”, „Stepheny”];const boys = [„Alex”, „Max”];
const People = [].Conat (dziewczęta, chłopcy);
konsola.log (ludzie);
Dany program JavaScript połączy również określone tablice w ten sam sposób:
Jak scalać tablice w JavaScript za pomocą metody push ()
Jeśli chcesz łączyć elementy tablicy, wszystko, czego potrzebujesz, to użyć JavaScript „naciskać()" metoda. Korzystając z tej metody, możesz łatwo połączyć wiele tablic w istniejącej tablicy.
Składnia metody push () w JavaScript
Array1.push (… tablica2);Popchnąć elementy „Array2" W "Array1”, Musisz zastosować operator rozprzestrzeniania się”… „Do argumentów.
Przykład: Scal tablice w JavaScript za pomocą metody push ()
Poniższy przykład wykorzysta „szyk.naciskać()„Metoda łączenia lub wypychania elementów„dziewczyny„Tablica w„chłopcy"Tablica:
const girls = [„Marie”, „Stepheny”];const boys = [„Alex”, „Max”];
chłopcy.push (… dziewczyny);
konsola.Log (chłopcy);
Teraz sprawdź sekwencję elementów „chłopcy"Tablica:
Dodanie „rozpowszechnianie się„Operator jest ważny podczas przekazywania argumentów do„naciskać()„Metoda, w przeciwnym razie„naciskać()„Metoda dołączy„dziewczyny„Tablica jako całość do„chłopcy"Tablica:
const girls = [„Marie”, „Stepheny”];const boys = [„Alex”, „Max”];
chłopcy.push (dziewczyny);
konsola.Log (chłopcy);
Biorąc pod uwagę dane wyjściowe oznacza, że po wykonaniu metody push (), „dziewczyny„Tablica jest dodawana jako całość przy drugim indeksie„chłopcy"Tablica:
To wszystkie podstawowe informacje o łączeniu tablic w JavaScript za pomocą metody zmiennej i niezmiennej. Teraz możesz je zbadać według swoich wymagań.
Wniosek
Aby połączyć tablice w JavaScript, możesz użyć szyk.conat () metoda lub Operator rozprzestrzeniania się [… Array1,… Array2], w literaturze tablicy „[]”, aby połączyć tablice w niezmienny sposób (tworzenie nowej tablicy). Jeśli jednak chcesz połączyć określone elementy tablicy w istniejącej tablicy, możesz użyć szyk.naciskać() metoda. W tym artykule wyjaśniono procedurę łączenia tablic w JavaScript za pomocą odpowiednich przykładów.