Jak usunąć zduplikowane elementy z tablicy JavaScript?
W JavaScript możemy wykonywać różne zadania na tablicach, takie jak trzask/pchanie elementów tablicy, usuwanie zduplikowanych elementów, łączące elementy tablicy i tak dalej. Usunięcie duplikatów z tablicy jest bardzo prostym, ale bardzo kluczowym zadaniem w życiu programisty. Dlatego JavaScript oferuje liczne podejścia do usuwania zduplikowanych elementów z tablicy, takich jak użycie zestawu JavaScript, metodę indexof (), metodę filtr () i tak dalej.
W tym poście wyjaśniono poniższe metody usuwania duplikatów elementów tablicy w JavaScript:
- Jak używać zestawu w JavaScript, aby usunąć duplikat elementów tablicy?
- Jak usunąć zduplikowane elementy tablicy za pomocą metody indexof ()
- Jak usunąć zduplikowane elementy tablicy za pomocą metody Filter ()
Więc bez dalszego opóźnienia zacznijmy!
Jak używać zestawu w JavaScript, aby usunąć duplikat elementów tablicy?
Zestaw w JavaScript pozwala nam przechowywać unikalne elementy dowolnego typu danych, takie jak prymitywne lub referencje obiektowe. Oznacza to, że każda wartość wystąpi tylko raz w kolekcji.
Przykład: Usuń zduplikowane elementy za pomocą zestawu
Rozważmy poniższy fragment kodu, w którym mamy tablicę o nazwie „Języki”To składa się z niektórych zduplikowanych elementów. Zadaniem jest usunięcie tych zduplikowanych elementów za pomocą zestawu JavaScript:
| 1 2 3 4 | var języki = [„java”, „JavaScript”, „Java”, „C ++”, „C”, „Java”, „C ++”, „JavaScript”, „C ++”, „Java”]; konsola.log („oryginalna tablica:”, języki); var exiquelanguages = [new set (języki)]; konsola.log („filtrowana tablica:”, Uniquelanguages); |
W tym programie wykonaliśmy następujące funkcje:
- Utworzył tablicę zawierającą zduplikowane elementy.
- Używana konsola.Metoda log () do drukowania oryginalnych elementów tablicy.
- Utworzył zestaw przy użyciu metody nowej set () o nazwie „Uniquelanguages” i przekazał jej tablicę i.mi. "Języki".
- W związku z tym zestaw „Uniquelanguages” usunął zduplikowane języki i zwrócił tylko unikalne elementy:
W ten sposób możemy użyć zestawu JavaScript, aby usunąć zduplikowane elementy z tablicy.
Jak usunąć zduplikowane elementy tablicy za pomocą metody indexof ()?
Jest to predefiniowana funkcja w JavaScript, która służy do uzyskania pierwszego wystąpienia elementu tablicy. Jest to metoda wrażliwa na przypadek i zwraca -1, jeśli nie zidentyfikuje określonej wartości. W JavaScript możemy użyć metody indexof () wraz z metodą push (), aby usunąć duplikat elementów z tablicy.
Przykład: Usuń zduplikowane elementy za pomocą metody indexof ()
W tym przykładzie wykorzystamy metodę indexof () wraz z metodą push () do usuwania duplikatów elementów z danej tablicy:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | var języki = [„java”, „JavaScript”, „Java”, „C ++”, „C”, „Java”, „C ++”, „JavaScript”, „C ++”, „Java”]; funkcja FinduniqueElements (Języki) var exiquelanguages = []; dla (i = 0; i< languages.length; i++) if (unikalne języki.indexof (języki [i]) === -1) Wyłączenia.push (języki [i]); Zwróć jednoznaczne języki; konsola.log („wynikowa tablica:”, FinduniqueElements (języki)); |
Ten przykładowy program będzie pełnił funkcje poniżej
- Po pierwsze, stworzyliśmy tablicę o nazwie „Języki”, które składają się z duplikatów elementów.
- Następnie stworzyliśmy funkcję o nazwie „FindUniqueElements” i przekazaliśmy tablicę „Języków” do funkcji „FindUniqueElements” jako argument.
- Następnie stworzyliśmy pustą tablicę i nazwaliśmy ją „Uniquelanguages”.
- Następnie wykorzystaliśmy pętlę, aby przejść przez tablicę „języków”.
- Następnie wykorzystaliśmy metodę indexof () w obrębie hodowli IF.
- W ramach IF-Satement metoda indexof () sprawdzi, czy wartość obecna w bieżącym indeksie tablicy „języków” jest już w tablicy „Uniquelanguages”, czy nie. Jeśli tak, to korpus hodowli IF nie zostanie wykonany.
- Podczas gdy wartość obecna w bieżącym indeksie tablicy „Języki” nie istnieje w tablicy „Uniquelanguages”, to korpus statencji IF w takim przypadku zostanie wykonany w takim przypadku.
- W obrębie ciała if-hodement wykorzystaliśmy metodę push (), aby dodać unikalne elementy w tablicy „Uniquelanguages”.
- Wreszcie wykorzystaliśmy konsolę.Metoda log () do wydrukowania tablicy unikalnych elementów:
W ten sposób możemy uzyskać szereg unikalnych elementów za pomocą metod indexof () i push ().
Jak usunąć zduplikowane elementy za pomocą metody JavaScript ()?
Metoda Filter () w JavaScript tworzy nowy zestaw tylko tych elementów, które przechodzą określony test.
Przykład: Usuń zduplikowane elementy za pomocą metody Filter ()
W tym programie wykorzystamy metodę Filter () wraz z metodą indexof (), aby usunąć duplikat elementów z tablicy:
| 1 2 3 4 5 6 | var języki = [„java”, „JavaScript”, „Java”, „C ++”, „C”, „Java”, „C ++”, „JavaScript”, „C ++”, „Java”]; funkcja FinduniqueElements (Języki) języki powrotu.filtr ((element, pozycja) => Języki.indexof (element) === Pozycja); konsola.log („wynikowa tablica:”, FinduniqueElements (języki)); |
Powyższy program przeprowadzi następujące funkcje:
- Po pierwsze, stworzył szereg zduplikowanych elementów.
- Następnie stworzyliśmy funkcję o nazwie FindUniqueElements i przekazaliśmy jej podaną tablicę i.mi., Języki.
- W ramach funkcji wykorzystaliśmy metodę filtra wraz z metodą indexof (), aby uzyskać szereg unikalnych elementów.
- Wreszcie wykorzystaliśmy konsolę.Metoda log () do wydrukowania filtrowanej tablicy na konsoli, jak pokazano w poniższej tablicy:
W ten sposób możemy usunąć zduplikowane elementy z tablicy za pomocą metody filtra.
Wniosek
W JavaScript można zastosować kilka metod do usunięcia duplikatów elementów tablicy na przykład, instanceof (), filtra () i nowej set (). Na przykład zestaw w JavaScript pozwala nam przechowywać unikalne elementy dowolnego typu danych, takich jak prymitywne lub odniesienia obiektowe. Możemy więc użyć JavaScript SET (), aby usunąć zduplikowane elementy tablicy. Podobnie metoda filtra () w JavaScript tworzy nowy zestaw tylko tych elementów, które przechodzą określony test. Tak więc metodę Filter () można zastosować do uzyskania szeregu unikalnych elementów.
W tym artykule wyjaśniono różne metody usunięcia zduplikowanych elementów z tablicy za pomocą niektórych odpowiednich przykładów.