Hvordan fjerne element fra array etter verdi i JavaScript

Hvordan Fjerne Element Fra Array Etter Verdi I Javascript



En matrise er en kombinasjon av elementer som er lagret i en enkelt variabel. JavaScript gir ulike metoder for å legge til, fjerne og endre elementer fra en matrise. Hvert element har en unik indeks for å identifisere plasseringen i matrisen. I denne guiden vil du fjerne elementer fra matrisen ved å gi dem verdier ved hjelp av JavaScript filter() og skjøte() metoder. Ved å vurdere disse innebygde metodene er innholdet i denne veiledningen som følger.

Metode 1: Fjern element fra matrise etter verdi ved å bruke splice()-metoden i JavaScript

I JavaScript, en innebygd metode array.splice() brukes til å fjerne elementet fra arrayet. Metoden returnerer den nye matrisen ved å fjerne elementverdien, som sendes gjennom indeksen. Hensikten med å bruke denne metoden er å overskrive matrisen ved å legge til eller fjerne elementene fra matrisen. La oss diskutere syntaksen.

Syntaks







array. skjøte ( i , på en , gjenstander )

Parametrene er beskrevet som følger:



  • i: angi indeksnummeret for å fjerne elementet.
  • på en: representerer nummeret som skal fjernes.
  • varer: referer til tillegg av elementer i matrisen.

Kode



konst arr = [ { på en : 5 } , { på en : 10 } , { på en : femten } ] ;

konst idxObj = arr. findIndex ( gjenstand => {
komme tilbake gjenstand. på en === 10 ;
} ) ;

arr. skjøte ( idxObj , 1 ) ;
konsoll. Logg ( arr ) ;

Koden forteller om fjerning av et element hvis på en verdien er 10 . I denne koden er arr.splice() metoden brukes til å fjerne et element ved å sende idxObj indeks fra arr array. Til slutt vises den nye matrisen ved hjelp av console.log() metode.





Produksjon

Utdataene returnerer den nye matrisen, hvis lengde er 2. I denne nye matrisen fjernes elementet hvis verdi er lik 10 gjennom arr.splice() metode i JavaScript.



Metode 2: Fjern element fra array ved å bruke filter()-metoden i JavaScript

De filter() metoden brukes til å filtrere en matrise basert på de angitte kriteriene. I denne metoden kan brukere spesifisere verdien for fjerning av elementer i matrisen. De filter() metoden itererer over de eksisterende elementene i matrisen. Dessuten,

Syntaks

array. filter ( funksjon ( curVal , idx , arr ) , denne verdien )

Beskrivelsen av parametere er som nedenfor.

  • funksjon: representerer tilbakeringingsfunksjonen.
  • curVal: angir gjeldende elementverdi.
  • idx: refererer til gjeldende elementindeks.
  • arr: representerer matrisen.

Eksempel
Et eksempel brukes til å fjerne et element fra matrisen ved å sende verdien i JavaScript.

Kode

konst arr = [
{ Navn : 'Harry' , forestilling : 'Siriss' } ,
{ Navn : 'John' , forestilling : 'Fotball' } ,
{ Navn : 'Gifte seg' , forestilling : 'hockey' } ,
{ Navn : 'Bob' , forestilling : 'Løping' } ,
] ;
konsoll. Logg ( arr ) ;
rem = arr. filter ( arr => arr. Navn != 'Harry' ) ;
konsoll. Logg ( rem ) ;

Koden er forklart nedenfor:

  • For det første en rekke arr lages ved å lagre ulike gjenstander som f.eks navn og forestilling .
  • Etter det har filter() metoden brukes ved å bestå betingelsen arr.name!='Harry' .
  • Til slutt, den console.log() metoden brukes for å vise den nye matrisen.

Produksjon

Utdata fra koden returnerer den nye matrisen ved å fjerne et spesifikt element hvis verdi er lik ' Harry '.

Konklusjon

To innebygde metoder array.splice() og array.filter() metoder brukes til å fjerne elementer fra en matrise i JavaScript. I array.splice() metoden sendes indeksverdien til et element for fjerning av et spesifisert element i matrisen. De array.filter() metoden brukes til å filtrere den eksisterende matrisen ved å bruke betingelser. Begge disse metodene er nyttige for å håndtere mange elementer for å spare tid og krefter for utviklere så vel som brukere. I denne artikkelen har du lært hvordan du fjerner elementer fra en matrise ved å sende inn verdier JavaScript .