Dit bericht heeft de methode vermeld voor het vinden van een object-ID in een reeks JavaScript-objecten.
Hoe vind je een object op ID in een reeks JavaScript-objecten?
Er zijn verschillende methoden die kunnen worden gebruikt om het object in een JavaScript-array te vinden, zoals ' vinden() ”, “ filter ”, “ vindIndex() , en anderen.
Probeer voor praktische implicaties de vermelde methode één voor één uit.
Methode 1: Zoek een object op ID in een array met behulp van de JavaScript-methode 'find()'.
Om een object op ID in een array te vinden met behulp van de ' vinden() ” JavaScript-methode, declareer een constante array met behulp van de “ const ' sleutelwoord. Voeg vervolgens de volgende elementen toe aan de array:
const arr = [
{
ID kaart : 01 ,
naam : 'JavaScript'
} ,
{
ID kaart : 02 ,
naam : 'Java'
} ,
{
ID kaart : 03 ,
naam : 'HTML/CSS'
} ]
Roep de ' vinden() ' methode met de callback-functie waarbij de object-ID gelijk is aan ' 2 ” en sla de resulterende waarde op in de gedeclareerde variabele:
const voorwerp = arr. vinden ( obj => obj. ID kaart === 02 ) ;
Gebruik de ' logboek() ” methode en geef het argument door “ voorwerp ” om de uitvoer op de console af te drukken.
troosten. loggen ( voorwerp )
Methode 2: Zoek een object op ID in een array met behulp van de JavaScript-methode 'findIndex()'.
U kunt het object ook vinden op zijn ID met behulp van de ' zoekindex() ” methode. Om dit te doen, declareert u de variabele met behulp van de ' laten ” trefwoord en voeg de gegevens toe aan de array:
laat dierenObj = [ {ID kaart : '101' ,
naam : 'kat'
} ,
{
ID kaart : '102' ,
naam : 'hond'
} ,
{
ID kaart : '103' ,
naam : 'konijn'
} ] ;
Declareer een constante en wijs een waarde toe volgens de gedefinieerde constante:
const ID kaart = '103' ;Roep nu de ' vindIndex() 'methode langs een callback-functie en controleer de id:
was dierenIndex = dierenObj. vindIndex ( dier => dier. ID kaart === ID kaart ) ;Geef nu de array-index als een argument door aan de ' logboek() ” methode om de index op het scherm te tonen:
troosten. loggen ( 'Inhoudsopgave : ' + dierenIndex ) ;Geef de resulterende array weer op de console:
troosten. loggen ( dierenObj [ dierenIndex ] ) ;
Methode 3: Zoek een object op ID in een array met behulp van de JavaScript-methode 'filter()'.
Verklaar eerst een constante en wijs er een waarde aan toe:
const ID kaart = '101' ;U kunt ook de methode filter() gebruiken om het object te vinden. Sla voor dat doel de elementen op in een array en roep de ' filter() ”methode om een callback-functie aan te roepen en de id te controleren:
was dier = dierenObj. filter ( dier => dier. ID kaart === ID kaart ) ;troosten. loggen ( dierenObj [ dierenIndex ] ) ;
U hebt geleerd over meerdere methoden voor het vinden van een object op ID in een reeks JavaScript-objecten.
Conclusie
Om een object op ID te vinden in een JavaScript-array, zijn er verschillende methoden, waaronder ' vinden() ”, “ filter ', En ' vindIndex() 'dat kan worden gebruikt. Om dit te doen, voegt u het element toe aan een array en roept u de methode aan met een callback-functie en controleert u de id van het object. Dit bericht vermeldde verschillende methoden voor het vinden van een object op ID in een reeks JavaScript-objecten.