Mens man håndterer data i bulk, kan der være et krav om at fjerne nogle poster på grund af en opdatering. For eksempel fjernelse af værdier baseret på en bestemt attribut eller egenskab. Dette resulterer i bekvem adgang til de relevante data og sletning af uønskede poster. I sådanne situationer er det meget nyttigt at fjerne et objekt fra et array efter dets værdi i JavaScript til at få adgang til dataene med det samme og gemme hukommelsen.
Denne artikel vil diskutere metoderne til at fjerne et objekt fra et array efter dets værdi i JavaScript.
Hvordan fjerner/eliminerer man et objekt fra et array efter dets værdi i JavaScript?
For at fjerne et objekt fra et array ved dets værdi i JavaScript skal du anvende følgende fremgangsmåder:
Lad os diskutere hver af de nævnte tilgange én efter én!
Fremgangsmåde 1: Fjern et objekt fra et array efter dets værdi i JavaScript ved hjælp af findIndex() og splice() metoder
Det ' findIndex() ”-metoden returnerer indekset (positionen) af elementet uden at foretage ændringer i det oprindelige array. Det ' splejs () ”-metoden tilføjer/fjerner de særlige array-elementer og påvirker også det originale array. Disse metoder kan bruges til at finde objektets indeks, der skal fjernes. Derefter splejses det bestemte objekt baseret på det angivne antal.
Syntaks
array.findIndex ( func ( currVal, indeks, array ) , værdi )I denne syntaks:
- “ func ” refererer til den funktion, der skal kaldes for hvert element i et array.
- Funktionsparametrene refererer til den aktuelle værdis indeks i det angivne array.
- “ værdi ' angiver den værdi, der skal sendes til funktionen som ' dette ”.
array.splice ( indeks, antal, ny )
I ovenstående syntaks:
- “ indeks ” peger på den position, hvor elementerne skal tilføjes eller fjernes.
- “ på en ” repræsenterer varens nummer.
- “ ny ” svarer til de nye elementer som erstatning.
Eksempel
Lad os følge nedenstående kode:
< manuskript type = 'tekst/javascript' >lade givenArray = [ { alder: 18 } , { alder: tyve } , { alder: 25 } ] ;
lade removeObject = givenArray.findIndex ( objekt = > {
Vend tilbage objekt.alder === 18 ;
} ) ;
console.log ( 'Indekset for det objekt, der skal fjernes, er:' , fjernObjekt ) ;
givenArray.splice ( fjern objekt, 1 ) ;
console.log ( 'Arrayet efter fjernelse af objekt efter værdi bliver:' , givet Array ) ;
manuskript >
I ovenstående kodestykke:
- Deklarer en række objekter med de angivne egenskaber.
- I det næste trin skal du tilknytte ' findIndex() ” metode med det erklærede array i det foregående trin.
- Dette vil føre til iteration gennem hvert element (objekt) i et array.
- Som et resultat vil indekset for det bestemte objekt fra arrayet blive vist, der matcher den angivne værdi i forhold til egenskaben, dvs. 18.
- Anvend derefter ' splejs () ”-metoden ved at henvise til det hentede indeks, som vil fjerne det bestemte objekt mod det indeks.
- Noter det ' 1 ” angiver antallet af objekter, der skal fjernes.
- Til sidst skal du vise det resulterende objekts array.
Produktion
I ovenstående output kan det ses, at indekset for det bestemte objekt vises, og det fjernes senere.
Fremgangsmåde 2: Fjern et objekt fra et array efter dets værdi i JavaScript ved hjælp af filter()-metoden
Det ' filter() ”-metoden opretter en ny række af elementer, der består en bestemt test. Denne metode kan anvendes til at filtrere det objekt, der skal fjernes, baseret på en betingelse via sammenligningsoperatoren.
Syntaks
array.filter ( func ( val ) , dette )Her:
- “ func ” peger på den funktion, der vil omdirigere til funktionen til filtrering.
- “ val ” er det aktuelle elements værdi.
- “ dette ” angiver den værdi, der sendes til funktionen.
Eksempel
Lad os gennemgå nedenstående eksempel:
< manuskript type = 'tekst/javascript' >lade givenArray = [ { størrelse: 35 } , { størrelse: 40 } , { størrelse: Fire, fem } ] ;
console.log ( 'Det givne array er:' , givet Array )
lade newArray = givenArray.filter ( objekt = > {
Vend tilbage objekt.størrelse ! == Fire, fem ;
} ) ;
console.log ( 'Arrayet efter fjernelse af objekt efter værdi bliver:' , newArray ) ;
manuskript >
Anvend følgende trin, som angivet i ovenstående kodelinjer:
- Ligeledes skal du erklære en række objekter og vise den.
- Anvend derefter ' filter() ”-metoden ved at henvise til elementerne(objekter).
- Filtrer nu det tilknyttede array, så der dannes et nyt array baseret på den opfyldte betingelse via ' ikke ens(!==) ” sammenligningsoperatør.
- Til sidst skal du vise det filtrerede array.
Produktion
Ovenstående output indikerer, at det nye array af filtrerede objekter er dannet.
Fremgangsmåde 3: Fjern et objekt fra et array efter dets værdi i JavaScript ved hjælp af pop()-metoden
Det ' pop() ” metode eliminerer det sidste element i et array og påvirker også det originale array. Denne metode kan bruges til at pop et bestemt objekt fra arrayet og skaber en opdateret array med det fjernede objekt.
Eksempel
Nedenstående eksempel illustrerer det diskuterede koncept:
< manuskript type = 'tekst/javascript' >lade givenArray = [ { navn: 'Harry' } , { navn: 'David' } ]
lade newArray = givenArray.pop ( objekt = > {
Vend tilbage objekt.navn = 'Harry'
} )
console.log ( 'Arrayet efter fjernelse af objekt efter værdi bliver:' , newArray ) ;
manuskript >
I ovenstående kodestykke:
- På samme måde erklærer du en række objekter med de angivne egenskaber.
- I det næste trin skal du anvende ' pop() ' metode til at fjerne det bestemte objekt med den angivne værdi mod egenskaben ' navn ”.
- Som et resultat vil der kun være ét objekt tilbage i det resulterende array ' nyArr ”.
- Til sidst skal du vise det opdaterede objekts array, dvs. newArr.
Produktion
Ovenstående output betyder, at det ønskede krav er opfyldt.
Konklusion
Det ' findIndex() ' og ' splejs () 'metoder, ' filter() '-metoden eller ' pop() ” metode kan anvendes til at fjerne et objekt fra et array ved dets værdi i JavaScript. Disse fremgangsmåder fjerner et bestemt objekt baseret på indeksering, filtrerer det via henholdsvis not equal(!==)-operatoren eller blot viser det på en betingelse. Denne artikel forklarede fremgangsmåderne til at fjerne/eliminere et objekt fra et array ved dets værdi ved hjælp af JavaScript.