Sådan fjerner du element fra array efter værdi i JavaScript

Sadan Fjerner Du Element Fra Array Efter Vaerdi I Javascript



Et array er en kombination af elementer, der er gemt i en enkelt variabel. JavaScript giver forskellige metoder til at tilføje, fjerne og ændre elementer fra et array. Hvert element har et unikt indeks til at identificere dets placering i arrayet. I denne guide vil du fjerne elementer fra arrayet ved at give dem værdier ved hjælp af JavaScript filter() og splejs () metoder. Ved at overveje disse indbyggede metoder er indholdet af denne vejledning som følger.

Metode 1: Fjern element fra array efter værdi ved hjælp af splice()-metoden i JavaScript

I JavaScript, en indbygget metode array.splice() bruges til at fjerne elementet fra arrayet. Metoden returnerer det nye array ved at fjerne elementværdien, som sendes gennem indekset. Formålet med at bruge denne metode er at overskrive arrayet ved at tilføje eller fjerne elementerne fra arrayet. Lad os diskutere syntaksen.

Syntaks







array. splejsning ( ind , på en , genstande )

Parametrene er beskrevet som følger:



  • ind: angiv indeksnummeret for at fjerne varen.
  • på en: repræsenterer det tal, der skal fjernes.
  • varer: henvise til tilføjelsen af ​​elementer i arrayet.

Kode



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

konst idxObj = arr. findIndex ( objekt => {
Vend tilbage objekt. på en === 10 ;
} ) ;

arr. splejsning ( idxObj , 1 ) ;
konsol. log ( arr ) ;

Koden fortæller om fjernelse af et element, hvis på en værdi er 10 . I denne kode er arr.splice() metoden bruges til at fjerne en vare ved at passere idxObj indeks fra arr array. Til sidst vises det nye array ved hjælp af console.log() metode.





Produktion

Outputtet returnerer det nye array, hvis længde er 2. I dette nye array fjernes elementet hvis værdi er lig med 10 gennem arr.splice() metode i JavaScript.



Metode 2: Fjern element fra array ved hjælp af filter()-metoden i JavaScript

Det filter() metoden anvendes til at filtrere et array baseret på de angivne kriterier. I denne metode kan brugere angive værdien for fjernelse af elementer i arrayet. Det filter() metoden itererer over de eksisterende elementer i arrayet. I øvrigt,

Syntaks

array. filter ( fungere ( curVal , idx , arr ) , denne Værdi )

Beskrivelsen af ​​parametre er som nedenfor.

  • fungere: repræsenterer tilbagekaldsfunktionen.
  • curVal: angiver den aktuelle elementværdi.
  • idx: henviser til det aktuelle elementindeks.
  • arr: repræsenterer arrayet.

Eksempel
Et eksempel bruges til at fjerne et element fra arrayet ved at sende værdien i JavaScript.

Kode

konst arr = [
{ navn : 'Harry' , at vise : 'Cricket' } ,
{ navn : 'John' , at vise : 'Fodbold' } ,
{ navn : 'Gifte' , at vise : 'hockey' } ,
{ navn : 'Bob' , at vise : 'Løber' } ,
] ;
konsol. log ( arr ) ;
rem = arr. filter ( arr => arr. navn != 'Harry' ) ;
konsol. log ( rem ) ;

Koden er forklaret nedenfor:

  • For det første en række arr skabes ved at opbevare forskellige genstande som f.eks navne og at vise .
  • Herefter er filter() metoden bruges ved at bestå betingelsen arr.name!='Harry' .
  • Endelig console.log() metoden anvendes til at vise det nye array.

Produktion

Outputtet af koden returnerer det nye array ved at fjerne et specifikt element, hvis værdi er lig med ' Harry ”.

Konklusion

To indbyggede metoder array.splice() og array.filter() metoder bruges til at fjerne elementer fra et array i JavaScript. I den array.splice() metode, overføres indeksværdien af ​​et element til fjernelse af et specificeret element i arrayet. Det array.filter() metode anvendes til at filtrere det eksisterende array ved at anvende betingelser. Begge disse metoder er nyttige til at håndtere mange emner for at spare tid og kræfter for udviklere såvel som brugere. I denne artikel har du lært, hvordan du fjerner elementer fra et array ved at sende værdier ind JavaScript .