Hur man hittar ett objekt efter ID i en rad JavaScript-objekt

Hur Man Hittar Ett Objekt Efter Id I En Rad Javascript Objekt



I JavaScript används objekten för att skapa en instans av en klass som kan bestämma en klass i en oberoende form. Men om flera objekt lagras i en array är det mycket svårt att hitta det som krävs. För att lösa detta problem tillhandahåller JavaScript olika metoder för att hitta det objektet. Du kan till exempel hitta objektet med hjälp av id, namn, nyckelvärden och andra.

Det här inlägget har angett metoden för att hitta ett objekt-id i en uppsättning JavaScript-objekt.

Hur hittar man ett objekt efter ID i en rad JavaScript-objekt?

Det finns olika metoder som kan användas för att hitta objektet i en array av JavaScript, till exempel ' hitta() ”, “ filtrera ”, “ findIndex() , och andra.







För praktiska implikationer, prova den angivna metoden en efter en.



Metod 1: Hitta ett objekt med ID i en array med hjälp av 'find()' JavaScript-metoden

För att hitta ett objekt efter ID i en array med hjälp av ' hitta() ' JavaScript-metoden, deklarera en konstant array med hjälp av ' konst ' nyckelord. Lägg sedan till följande element i arrayen:



konst arr = [
{
id : 01 ,
namn : 'JavaScript'
} ,
{
id : 02 ,
namn : 'Java'
} ,
{
id : 03 ,
namn : 'HTML/CSS'
} ]

Åberopa ' hitta() ”-metod med callback-funktionen där objekt-id är ekvivalent med ” 2 ” och lagra det resulterande värdet i den deklarerade variabeln:





konst objekt = arr. hitta ( obj => obj. id === 02 ) ;

Använd ' logga() ' metod och skicka argumentet ' objekt ” för att skriva ut utdata på konsolen.

trösta. logga ( objekt )



Metod 2: Hitta ett objekt efter ID i en array med hjälp av 'findIndex()' JavaScript-metoden

Du kan också hitta objektet genom dess ID med hjälp av ' findindex() 'metoden. För att göra det, deklarera variabeln med ' låta ' nyckelord och lägg till data i arrayen:

låt djurObj = [ {
id : '101' ,
namn : 'katt'
} ,
{
id : '102' ,
namn : 'hund'
} ,
{
id : '103' ,
namn : 'kanin'
} ] ;

Deklarera en konstant och tilldela ett värde enligt den definierade konstanten:

konst id = '103' ;

Anropa nu ' findIndex() ”-metoden längs en återuppringningsfunktion och kontrollera ID:t:

var animalIndex = djurObj. findIndex ( djur => djur. id === id ) ;

Skicka nu arrayindexet som ett argument till ' logga() ”-metod för att visa indexet på skärmen:

trösta. logga ( 'Index: ' + animalIndex ) ;

Visa den resulterande arrayen på konsolen:

trösta. logga ( djurObj [ animalIndex ] ) ;

Metod 3: Hitta ett objekt efter ID i en array med hjälp av 'filter()' JavaScript-metoden

Deklarera först en konstant och tilldela den ett värde:

konst id = '101' ;

Du kan också använda metoden filter() för att hitta objektet. För det ändamålet lagrar du elementen i en array och anropar ' filtrera() ” metod för att anropa en återuppringningsfunktion och kontrollera ID:t:

var djur = djurObj. filtrera ( djur => djur. id === id ) ;
trösta. logga ( djurObj [ animalIndex ] ) ;

Du har lärt dig om flera metoder för att hitta ett objekt med ID i en uppsättning JavaScript-objekt.

Slutsats

För att hitta ett objekt efter ID i en array av JavaScript finns det olika metoder, inklusive ' hitta() ”, “ filtrera ', och ' findIndex() ” som kan användas. För att göra det, lägg till elementet i en array och anropa metoden med en callback-funktion och kontrollera objektets id. Det här inlägget angav olika metoder för att hitta ett objekt med ID i en uppsättning JavaScript-objekt.