Jak znaleźć obiekt według ID w tablicy obiektów JavaScript

W JavaScript obiekty są wykorzystywane do tworzenia instancji klasy, która może określić klasę w niezależnej formie. Jeśli jednak kilka obiektów jest przechowywanych w tablicy, bardzo trudno jest znaleźć wymagane. Aby rozwiązać ten problem, JavaScript zapewnia różne metody znalezienia tego obiektu. Na przykład można znaleźć obiekt za pomocą identyfikatora, nazwy, wartości kluczowych i innych.

Ten post podano metodę znalezienia identyfikatora obiektu w szeregu obiektów JavaScript.

Jak znaleźć obiekt według ID w tablicy obiektów JavaScript?

Istnieją różne metody, które można zastosować do znalezienia obiektu w szeregu JavaScript, takie jak „znajdować()”,„filtr”,„FindIndex (), i inni.

Aby uzyskać praktyczne implikacje, wypróbuj określoną metodę jeden po drugim.

Metoda 1: Znajdź obiekt według ID w tablicy za pomocą metody JavaScript „Find ()”

Aby znaleźć obiekt według ID w tablicy za pomocą „znajdować()„Metoda JavaScript, deklaruj stałą tablicę za pomocą„const”Słowo kluczowe. Następnie dodaj następujące elementy w tablicy:

const ar = [

ID: 01,
Nazwa: „JavaScript”
,

Id: 02,
Nazwa: „Java”
,

Id: 03,
Nazwa: „html/css”
]

Wywołać „znajdować()”Metoda z funkcją wywołania zwrotnego, w której identyfikator obiektu jest równoważny„2”I przechowuj wynikową wartość w zadeklarowanej zmiennej:

const obiekt = ARR.Znajdź (obj => obj.id === 02);

Użyj „dziennik()„Metoda i przekazaj argument”obiekt„Aby wydrukować wyjście na konsoli.

konsola.Log (obiekt)

Metoda 2: Znajdź obiekt według ID w tablicy za pomocą metody JavaScript „FindIndex ()”

Możesz także znaleźć obiekt z jego identyfikatora za pomocą „FindIndex ()" metoda. Aby to zrobić, deklaruj zmienną za pomocą „pozwalać”Słowo kluczowe i dodaj dane w tablicy:

Niech AnimalsObj = [
ID: „101”,
Nazwa: „Cat”
,

ID: „102”,
Imię: „pies”
,

ID: „103”,
Nazwa: „królik”
];

Deklaruj stałą i przypisz wartość zgodnie ze zdefiniowaną stałą:

const id = „103”;

Teraz przywołaj „„FindIndex ()„Metoda wzdłuż funkcji wywołania zwrotnego i sprawdź identyfikator:

var AroMenIndex = AnimalsObj.FindIndex (zwierzę => zwierzę.id === id);

Teraz przekazuj indeks tablicy jako argument „dziennik()„Metoda pokazania indeksu na ekranie:

konsola.log („indeks:”+aunidex);

Wyświetl wynikową tablicę na konsoli:

konsola.log (AnimalsObj [ArouseNDEX]);

Metoda 3: Znajdź obiekt według ID w tablicy za pomocą metody JavaScript „Filter ()”

Po pierwsze, zadeklaruj stałą i przypisz do niej wartość:

const id = „101”;

Możesz także użyć metody Filter (), aby znaleźć obiekt. W tym celu przechowuj elementy w tablicy i zadzwoń do „filtr()„Metoda wywołania funkcji wywołania zwrotnego i sprawdzenia identyfikatora:

var Animal = Animalsobj.Filtr (zwierzę => zwierzę.id === id);
konsola.log (AnimalsObj [ArouseNDEX]);

Nauczyłeś się o wielu metodach znajdowania obiektu według ID w szeregu obiektów JavaScript.

Wniosek

Aby znaleźć obiekt według ID w szeregu JavaScript, istnieją różne metody, w tym „znajdować()”,„filtr", I "FindIndex ()„Można użyć. Aby to zrobić, dodaj element w tablicy i wywołać metodę za pomocą funkcji zwrotnej i sprawdź identyfikator obiektu. W tym poście podano różne metody znalezienia obiektu według ID w szeregu obiektów JavaScript.