Jak uzyskać odrębne wartości z szeregu obiektów w JavaScript?

Tablice są często wykorzystywane do przechowywania danych w JavaScript. Te tablice mogą zawierać obiekty o wielu właściwościach. Pracując z tego typu tablic, programiści często stają w obliczu sytuacji, w której muszą wyodrębnić unikalne lub różne wartości od tablic. Na przykład odzyskaj listę wszystkich odrębnych/unikalnych kategorii produktów i tak dalej.

Ten blog zdefiniuje sposoby uzyskania odrębnych/unikalnych wartości z szeregu obiektów w JavaScript.

Jak uzyskać odrębne/unikalne wartości z szeregu obiektów w JavaScript?

Aby uzyskać unikalne wartości z szeregu obiektów, użyj następujących podejść:

• Obiekt „Ustaw” metodą „map ()”.
• Metoda „Filter ()” z metodą „map ()”.

Metoda 1: Uzyskaj odrębne wartości z tablicy obiektów za pomocą obiektu „Set” za pomocą metody „map ()”

Aby odzyskać odrębne wartości z szeregu obiektów, użyj „Ustawić„Obiekt z„mapa()" metoda. „Zestaw” umożliwia oszczędzanie odrębnych wartości dowolnego typu. Metoda „map ()” jest wykorzystywana do tworzenia nowej tablicy, która zawiera dane wyjściowe poprzez wywołanie danej funkcji zwrotnej na każdym elemencie oryginalnej tablicy. Akceptuje funkcję jako parametr, który wywołuje ją na każdym elemencie tablicy, a następnie wyświetla nową wartość.

Przykład

Utwórz szereg obiektów o nazwie „StudentDetails”:

const StudentDetails = [
Id: 1, nazwa: „Joseph”, wiek: 15,
Id: 2, nazwa: „Milli”, wiek: 13,
Id: 3, nazwa: „John”, wiek: 11,
Id: 4, nazwa: „Mike”, wiek: 16,
Id: 5, nazwa: „John”, wiek: 18
];

Wywołaj metodę map (), aby utworzyć nową tablicę tylko za pomocą „nazwa„Właściwość każdego obiektu w oryginalnej tablicy. Przekaż go do zestawu zestawu, który będzie przechowywał unikalne wartości, usuwając wszystkie zduplikowane wartości. Następnie skorzystaj z operatora spreadu „… „Do konwersji obiektu ustawionego w tablicę:

const DOCENTURNYSTDNames = [… nowy zestaw (StudentDetails.mapa (obj => obj.nazwa))];

Na koniec wydrukuj wynikową tablicę na konsoli:

konsola.log (wyraźne nazwy);

Dane wyjściowe wskazuje, że tablica odrębnych wartości nazw została pomyślnie pobrana z szeregu obiektów:

Metoda 2: Uzyskaj odrębne wartości z tablicy obiektów za pomocą metody „filtr ()” Z metodą „map ()”

Innym podejściem do uzyskania unikalnych wartości z szeregu obiektów jest użycie „filtr()„Metoda z„mapa()" metoda. Metoda „Filter ()” tworzy nową tablicę ze wszystkimi elementami, które przechodzą określony warunek, podczas gdy metoda „map ()” tworzy nową tablicę z wynikami wywoływania dostarczonej funkcji na każdym elemencie w tablicy.

Przykład

Przywołaj metodę „Filter ()” metodą „map ()”, aby pobrać unikalne wartości „nazwa„Własność obiektów:

const wyraźneStdNames = studentDetails.mapa ((item) => pozycja.nazwa)
.filtr ((nazwa, indeks, currentVal) =>
CurrentVal.indexof (nazwa) === indeks
);

Na koniec wyświetl unikalne wartości na konsoli:

konsola.log (wyraźne nazwy);

Wyjście

Chodzi o uzyskanie wyraźnych/unikalnych wartości z szeregu obiektów w JavaScript.

Wniosek

Aby uzyskać unikalne wartości z szeregu obiektów, użyj „Ustawić„Obiekt z„mapa()”Metoda lub„filtr()„Metoda z„mapa()" metoda. Pod względem wydajności najlepszy jest pierwszy obiekt „ustawiony” metodą „map ()”. Ten blog zdefiniował sposoby uzyskania unikalnych wartości z szeregu obiektów w JavaScript.