Jak scalić dwie tablice w elementach JavaScript i de-duplikat

Można istnieć wymóg podczas programowania w JavaScript, takich jak pominięcie powtórzeń elementów. Na przykład sortowanie danych tak, że żadne rekordy nie są powtarzane, aby uniknąć wartości śmieci. W takim przypadku scalanie dwóch tablic w JavaScript pomaga poprawić trafność danych i skuteczne zarządzanie pamięcią.

Ten samouczek pokaże metody scalania dwóch tablic i de-duplikatów w JavaScript.

Jak scalać/połączyć dwie tablice i de-duplikuj elementy w JavaScript?

Aby połączyć/połączyć dwie tablice i de-puplikuj elementy w JavaScript, postępuj zgodnie z następującymi podejściami:

• "conat ()" I "filtr()”Metody.
• "rozpowszechnianie się(… )„Operator i„Ustawić()”Konstruktor.

Metoda 1: Scal dwie tablice i de-duplikat w JavaScript za pomocą metod Concat () i Filter ()

„„conat ()„Metoda łączy dwie lub więcej tablic i„filtr()”Metoda filtruje elementy na podstawie warunku i przechowuje je w nowej tablicy. Metody te można zastosować do scalania dwóch tablic i wydobywania zduplikowanych elementów z wynikającej z nich połączonej tablicy.

Składnia

strunowy.Conat (String1, String2,…, Stringx)

W podanej składni:

• "strunowy" I "String1„Odnieś się do ciągów, które należy połączyć.

szyk.filtr (funkcja (currentValue, indeks, arr), thisvalue)

W powyższej składni:

• "funkcjonować()”: Funkcja, którą należy wykonać dla każdego elementu tablicy. Jego parametry wskazują wartość, indeks i tablicę bieżącego elementu.
• "ta wartość”: Jest to opcjonalny parametr.

Przykład

Przejrzyjmy poniżej podanego przykładu:

W powyższym bloku kodu:

• Utwórz dwie tablice o nazwie „FirstArray" I "SecondArray”Odpowiednio i wyświetl je.
• Następnie zastosuj „conat ()”Metoda łączenia i przechowywania podanych tablic w zmiennej.
• W następnym kroku zastosuj „filtr()" I "indeks()„Metody w połączeniu przez„ścisły operator równości (===)„Aby zastosować kontrolę każdego z elementów tablicy, tak że nie przeprowadzono powielania.
• Na koniec dołącz do filtrowanych elementów do osobnej tablicy.

Wyjście

Wyjście pokazuje, że podane tablice są scalone w jedną tablicę i usuwają zduplikowane elementy.

Metoda 2: Scal dwie tablice i odłączone elementy w JavaScript za pomocą operatora i set (…)

„„nowy”Słowo kluczowe wraz z„Ustawić()„Konstruktor, służy do utworzenia nowego obiektu zestawu i„rozpowszechnianie się(… )„Operator umożliwia skopiowanie elementu lub obiektu tablicy do innego. Te podejścia można zastosować do usunięcia duplikacji w elementach i umieszczenia ich w osobnej tablicy.

Składnia

var zmienna = [… wartość]

W tej składni „wartość”Może być obiektem, metodą lub funkcją.

Przykład

Przejrzyjmy przykład kodu:

W powyższym fragmencie kodu:

• Podobnie zdefiniuj dwie tablice o podanych wartościach i wyświetl je.
• W następnym kroku utwórz zestaw za pośrednictwem „Ustawić()”Konstruktor i zastosuj„Operator rozprzestrzeniania się (…)”, Który pominie duplikat wartości w obu tablicach i przechowuje je w osobnej tablicy.
• Na koniec wyświetl wynikową tablicę mającą odłączone elementy na konsoli.

Wyjście

Wynik oznacza, że ​​określone tablice są łączone w jedną tablicę, a zduplikowane jednostki są usuwane.

Wniosek

Aby połączyć dwie tablice i odłączyć elementy w JavaScript, użyj połączonego „conat ()" I "filtr()”Metody lub„rozpowszechnianie się(… )„Operator i„Ustawić()”Konstruktor. Pierwsze podejścia można zastosować w celu połączenia elementów na podstawie warunku i przechowywania ich w osobnej tablicy. To ostatnie podejście można zastosować, aby po prostu zdeplikować elementy w nowym zestawie. W tym samouczku pokazano metody scalania/łączenia dwóch tablic i de-duplikatu elementów w JavaScript.