Jak uzyskać unikalne wartości z tablicy w JavaScript

Tablica służy do przechowywania danych i jest to jedna z najczęściej wykorzystywanych struktur danych. JavaScript pozwala na przechowywanie danych za pomocą tablic. Czasami jednak konieczne jest usunięcie zbędnych elementów z tablic. W JavaScript dostępne są różne metody uzyskania unikalnych wartości z tablicy.

Ten podręcznik omówi metody uzyskiwania unikalnych wartości z tablicy.

Jak uzyskać unikalne wartości z tablicy w JavaScript?

Aby uzyskać unikalne wartości z tablicy, poniżej istnieją różne metody:

• • dla pętli
  • Set () konstruktor
  • Metoda filtra ()

Zrozumiemy działanie tych metod.

Metoda 1: Uzyskaj unikalne wartości z tablicy za pomocą pętli

Aby uzyskać unikalne wartości, najłatwiejszą i najczęściej stosowaną metodą jest „Do" pętla. Będzie iterować kompletną tablicę, wyodrębnia unikalne elementy i usunie zduplikowane elementy, jeśli wystąpi.

Przykład

Po pierwsze, stworzymy szereg wyrównanych liczb o nazwie „Nawetarray”To zawiera pewne zduplikowane liczby. W JavaScript będziemy używać „var”Aby stworzyć dowolną zmienną lub tablicę o globalnym zakresie:

var evenArray = [2,6,8,12,18,4,2,18];

Teraz utworzymy pustą tablicę o nazwie „tablica„To zostanie użyte do przechowywania unikalnych wartości z tablicy:

var arrayout = [];

Zmienna liczba zainicjowana przez „0”Będzie używane w pętli dla iteracji:

var count = 0;

Zainicjujemy „początek„Zmienna z„FAŁSZ„To zostanie ustalone jako„PRAWDA”Podczas iteracji, jeśli element tablicy jest równy zmiennej w tablicy. Jest również wykorzystywany do weryfikacji zduplikowanych wartości:

var start = false;

Teraz będziemy iterować tablicę aż do jej długości i naciśnij elementy w pustej tablicy utworzonej. Jeśli element tablicy jest równoważny tablicy „tablica”, Nie zostanie wybrany:

dla (i = 0; i < evenArray.length; i++)
dla (j = 0; j < arrayOut.length; j++)
if (evenArray [i] == arrayout [j])
start = true;


count ++;
if (count == 1 && start == false)
tablica.push (EvenArray [i]);

start = false;
Count = 0;

Wreszcie, wydrukujemy tablicę z unikalnymi wartościami za pomocą „konsola.dziennik()" metoda:

konsola.log (tablica);

Wyjście wyświetli unikalne wartości z tablicy:

Przejdźmy do następnej metody uzyskania unikalnej wartości z tablicy.

Metoda 2: Uzyskaj unikalne wartości z tablicy za pomocą konstruktora set ()

JavaScript „Ustawić()”Konstruktor reprezentuje zestaw, który jest zbiorem unikalnych wartości. Daje nową tablicę z unikalnymi wartościami jako wyjście po zaakceptowaniu tablicy jako argumentu. Jest to najprostsza metoda wyodrębnienia unikalnych wartości tablicy.

Składnia

Postępuj zgodnie z poniższą składnią, aby użyć metody set ():

nowy zestaw (tablica);

Przykład

W powyższym przykładzie weźmiemy tę samą tablicę i przekazamy ją do konstruktora set (), który zwraca tablicę unikalnych elementów:

konsola.log (nowy zestaw (EvenNumbers));

Widać, że istniejąca tablica była wielkości „9„Podczas gdy wielkość wynikającej z nich jest„6”, Co wskazuje, że zduplikowane wartości są pomyślnie usuwane:

Zobaczmy kolejną metodę uzyskania unikalnej wartości z tablicy.

Metoda 3: Uzyskaj unikalne wartości z tablicy za pomocą tablicy.Metoda filtra ()

Istnieje inna metoda w JavaScript, aby uzyskać unikalne wartości z tablicy, która jest „”Szyk.filtr()". Ta metoda tworzy nową tablicę, filtrując lub usuwając zduplikowane wartości z istniejącej tablicy.

Składnia

Do metody Filter () stosuje się następującą składnię:

szyk.filtr ((CurrentValue, indeks, tablica))

Tutaj "Aktualna wartość„Przechowuje wartość elementu, który jest obecnie przetwarzany w tablicy”, „indeks”Jest indeksem tego elementu i„szyk”To tablica, która nazywa„filtr()" metoda.

Przykład

W tym przykładzie użyjemy już utworzonej tablicy, a następnie filtrujemy wartości tablicy za pomocą metody filtr (). Tablica.Metoda filtra () przefiltruje wartości i doda tylko unikalne wartości do nowej tablicy:

var Newarray = EvenNumbers.filtr ((wartość, indeks, self) => self.indexof (wartość) === indeks);

Na koniec wydrukujemy elementy tablicy za pomocą „konsola.dziennik()" metoda:

konsola.log (NewArray);

Wyjście wskazuje, że zduplikowane wartości są usuwane:

Zaproponowaliśmy wszystkie metody związane z uzyskaniem unikalnych wartości z tablicy.

Wniosek

Aby uzyskać unikalne wartości z tablicy, możesz użyć „Do„Pętla,„Ustawić()”Konstruktor i„Szyk.filtr()" metoda. Pętla jest najczęściej stosowaną metodą uzyskania unikalnych elementów poprzez iterowanie tablicy. SET () Metoda konstruktor i filtr () to predefiniowane metody w JavaScript, które mogą pobierać unikalne wartości z tablicy. W tym podręczniku omówiliśmy metody uzyskiwania unikalnych wartości z tablicy.