Scalanie JavaScript i połączenie tablic

JavaScript to obiektowy język skryptów/programowania, który jest używany jako język internetowy na front-end. Kiedy programiści muszą wykonać animację lub uczynić witrynę bardziej interaktywną, JavaScript jest językiem stojącym za całą interaktywnością.

Jak wszyscy wiemy, że tablice są zwykle używane do przechowywania tego samego rodzaju danych lub informacji. Jeśli chodzi o dokonanie pewnych dynamicznych zmian, takich jak wyświetlanie danych dwóch tabel w jednym miejscu na froncie, zamiast zapytać z tyłu, możemy wykonywać podstawowe funkcje na front-end.

W tym poście będziemy mieli szczegółowy przewodnik na temat scalania lub połączenia wielu tablic w JavaScript.

Jaka jest metoda conat () w JavaScript

Aby połączyć dwie lub więcej tablic w JavaScript, conat () Zastosowana jest funkcja. Składnia do połączenia wielu tablic przy użyciu metody CONTAT to:

array_name.Conat (First_Array, Second_Array,…, N_Array)

• conat () Funkcja bierze wiele tablic jako parametr i łączy je razem jako jedna tablica.
• conat () funkcja zwraca nową tablicę i nie wpływa na oryginalną tablicę.

Spróbujmy dołączyć do dwóch tablic i lepiej zrozumieć conat () funkcjonować.

Notatka: Użyjemy konsoli przeglądarki, aby zademonstrować przykłady wykonane w tym poście. Aby otworzyć konsolę przeglądarki:

• Użyj F12 Klucz w chromie i innych przeglądarkach na bazie chromu.
• Używać Ctrl + Shift + K Klawisze klawiatury dla Mozilli.
• Używać Opcja + ⌘ + c Klawisze klawiatury w safari (jeśli menu programisty nie pojawia się, otwórz preferencje, naciskając ⌘ +, a na karcie zaawansowane, sprawdź „Pokaż opracuj menu w pasku menu”).

Jak używać funkcji concat () w JavaScript

Załóżmy, że mamy dwie tablice i chcemy uczynić je jedną tablicą:

var arr1 = [10,20,30,40];
var arr2 = [50,60,70,80];

Aby połączyć je w tablicę, zostanie użyte następujące stwierdzenie:

var arr3 = arr1.Conat (ARR2);

Teraz, jeśli pocieszamy ARR3:

konsola.log (ARR3);

Możesz zobaczyć, że dwie tablice ARR1 I ARR2, są połączone w ARR3.

Powiedzmy teraz, że chcemy połączyć te trzy tablice. Aby dołączyć do wielu tablic po fragmencie kodu:

var arr4 = arr1.Conat (ARR2, ARR3);

Kolejny sposób wykonania tego samego zadania by się tak:

var arr4 = [].Conat (ARR1, ARR2, ARR3);

Teraz, jeśli spojrzymy na ARR4:

konsola.log (ARR4);

Możesz zobaczyć, że wszystkie trzy tablice są scalone w ARR4 Jak się spodziewamy.

W ten sposób możemy scalić dwie tablice za pomocą metody Conat.

Tablice związane z operatorem rozprzestrzeniania się w JavaScript

Innym sposobem scalania wielu tablic w JavaScript jest użycie operatora rozprzestrzeniania. Połączenie dwóch tablic za pomocą operatora spread jest naprawdę proste. Po prostu przygotuj trzy kropki do nazwy tablicy i podaj je jako element tablicy do nowej tablicy.

Na przykład mamy dwie tablice:

var arr1 = [10,20,30,40];
var arr2 = [50,60,70,80];

Teraz, aby dołączyć do nich za pomocą operatora rozprzestrzeniania się, po prostu użyj następującego instrukcji:

var arr3 = [… ARR1,… ARR2]

Teraz pociesz ARR3 do weryfikacji:

konsola.log (ARR3);

Możesz to zobaczyć ARR1 I ARR2 są doskonale połączone za pomocą operatora rozprzestrzeniania.

Wniosek

conat () Metoda jest przydatna podczas manipulowania danymi obecnymi w tablicach bez modyfikowania oryginalnych tablic. Podczas pracy w aplikacjach internetowych może być konieczne pokazanie danych różnych tablic. Możemy to zrobić za pomocą kontakt() Metoda w JavaScript. Ta metoda pomoże nam wykonać nasze zadanie bez zmiany rzeczywistych tablic, które mogą być potrzebne w późniejszym okresie oryginalnego.

W tym instruktażu nauczyliśmy się korzystać z conat () Funkcja w JavaScript. Ponadto nauczyliśmy się również korzystać z operatora spreadu, który służy również do scalania tablic. Operator spreadu stał się bardziej popularnym sposobem łączenia tablic w ostatnim czasie.