Hur man tar bort objekt från array efter värde i JavaScript

Hur Man Tar Bort Objekt Fran Array Efter Varde I Javascript



En array är en kombination av element som är lagrade i en enda variabel. JavaScript tillhandahåller olika metoder för att lägga till, ta bort och ändra objekt från en array. Varje objekt har ett unikt index för att identifiera dess plats i arrayen. I den här guiden kommer du ta bort objekt från arrayen genom att skicka dem värden med hjälp av JavaScript filtrera() och splitsa() metoder. Genom att överväga dessa inbyggda metoder är innehållet i denna guide som följer.

Metod 1: Ta bort objekt från array efter värde med splice()-metoden i JavaScript

I JavaScript, en inbyggd metod array.splice() används för att ta bort objektet från arrayen. Metoden returnerar den nya matrisen genom att ta bort objektvärdet, som skickas genom indexet. Syftet med att använda den här metoden är att skriva över arrayen genom att lägga till eller ta bort objekten från arrayen. Låt oss diskutera syntaxen.

Syntax







array. splitsa ( i , på ett , föremål )

Parametrarna beskrivs enligt följande:



  • i: ange indexnumret för att ta bort objektet.
  • på ett: representerar numret som ska tas bort.
  • föremål: hänvisar till tillägg av objekt i arrayen.

Koda



konst arr = [ { på ett : 5 } , { på ett : 10 } , { på ett : femton } ] ;

konst idxObj = arr. findIndex ( objekt => {
lämna tillbaka objekt. på ett === 10 ;
} ) ;

arr. splitsa ( idxObj , 1 ) ;
trösta. logga ( arr ) ;

Koden berättar om borttagningen av ett föremål vars på ett värde är 10 . I den här koden är arr.splice() metoden används för att ta bort ett objekt genom att passera idxObj index från arr array. Slutligen visas den nya arrayen med hjälp av console.log() metod.





Produktion

Utdata returnerar den nya arrayen, vars längd är 2. I denna nya array tas objektet vars värde är lika med 10 bort genom arr.splice() metod i JavaScript.



Metod 2: Ta bort objekt från array med filter()-metoden i JavaScript

De filtrera() metod används för att filtrera en array baserat på de angivna kriterierna. I den här metoden kan användare ange värdet för borttagning av objekt i arrayen. De filtrera() metod itererar över de befintliga elementen i arrayen. Dessutom,

Syntax

array. filtrera ( fungera ( curVal , idx , arr ) , detta värde )

Beskrivningen av parametrar är som nedan.

  • fungera: representerar återuppringningsfunktionen.
  • curVal: anger det aktuella elementvärdet.
  • idx: hänvisar till det aktuella elementindexet.
  • arr: representerar matrisen.

Exempel
Ett exempel används för att ta bort ett objekt från arrayen genom att skicka värdet i JavaScript.

Koda

konst arr = [
{ namn : 'Harry' , show : 'Cricket' } ,
{ namn : 'John' , show : 'Fotboll' } ,
{ namn : 'Gifta sig' , show : 'Hockey' } ,
{ namn : 'Guppa' , show : 'Löpning' } ,
] ;
trösta. logga ( arr ) ;
rem = arr. filtrera ( arr => arr. namn != 'Harry' ) ;
trösta. logga ( rem ) ;

Koden förklaras nedan:

  • För det första en array arr skapas genom att lagra olika föremål som t.ex namn och show .
  • Efter det har filtrera() metoden används genom att godkänna villkoret arr.name!=’Harry’ .
  • Slutligen, den console.log() metod används för att visa den nya arrayen.

Produktion

Utdata från koden returnerar den nya arrayen genom att ta bort ett specifikt objekt vars värde är lika med ' Harry ”.

Slutsats

Två inbyggda metoder array.splice() och array.filter() metoder används för att ta bort objekt från en array i JavaScript. I den array.splice() metoden skickas indexvärdet för ett objekt för att ta bort ett specificerat objekt i arrayen. De array.filter() metod används för att filtrera den befintliga arrayen genom att tillämpa villkor. Båda dessa metoder är användbara för att hantera många objekt för att spara tid och ansträngning för utvecklare såväl som användare. I den här artikeln har du lärt dig hur du tar bort objekt från en array genom att skicka in värden JavaScript .