Kohteen poistaminen taulukosta arvon mukaan JavaScriptissä

Kohteen Poistaminen Taulukosta Arvon Mukaan Javascriptissa



Taulukko on yhdistelmä elementtejä, jotka on tallennettu yhteen muuttujaan. JavaScript tarjoaa erilaisia ​​tapoja lisätä, poistaa ja muokata kohteita taulukosta. Jokaisella kohteella on ainutlaatuinen indeksi sen sijainnin tunnistamiseksi taulukossa. Tässä oppaassa voit poista kohteita ryhmästä välittämällä niille arvot JavaScriptin avulla suodattaa() ja liitos() menetelmiä. Nämä sisäänrakennetut menetelmät huomioon ottaen tämän oppaan sisältö on seuraava.

Tapa 1: Poista kohde taulukosta arvon mukaan käyttämällä splice()-menetelmää JavaScriptissä

JavaScriptissä sisäänrakennettu menetelmä array.splice() käytetään kohteen poistamiseen taulukosta. Menetelmä palauttaa uuden taulukon poistamalla nimikkeen arvon, joka välitetään indeksin kautta. Tämän menetelmän käytön tarkoituksena on korvata taulukko lisäämällä tai poistamalla kohteita taulukosta. Keskustellaan syntaksista.

Syntaksi







joukko. liitos ( sisään , yhdellä , kohteita )

Parametrit on kuvattu seuraavasti:



  • sisään: määritä indeksinumero kohteen poistamiseksi.
  • yhdellä: edustaa poistettavaa numeroa.
  • kohteet: viittaa kohteiden lisäämiseen taulukkoon.

Koodi



konst arr = [ { yhdellä : 5 } , { yhdellä : 10 } , { yhdellä : viisitoista } ] ;

konst idxObj = arr. FindIndex ( esine => {
palata esine. yhdellä === 10 ;
} ) ;

arr. liitos ( idxObj , 1 ) ;
konsoli. Hirsi ( arr ) ;

Koodi kertoo sellaisen kohteen poistamisesta, jonka yhdellä arvo on 10 . Tässä koodissa arr.splice() -menetelmää käytetään kohteen poistamiseen ohittamalla idxObj hakemisto osoitteesta arr joukko. Lopuksi uusi taulukko näytetään käyttämällä console.log() menetelmä.





Lähtö

Tulos palauttaa uuden taulukon, jonka pituus on 2. Tässä uudessa taulukossa alkio, jonka arvo on 10, poistetaan arr.splice() menetelmä JavaScriptissä.



Tapa 2: Poista kohde taulukosta JavaScriptin filter()-menetelmän avulla

The suodattaa() menetelmää käytetään taulukon suodattamiseen määritettyjen kriteerien perusteella. Tässä menetelmässä käyttäjät voivat määrittää arvon kohteiden poistamiselle taulukosta. The suodattaa() menetelmä toistuu taulukon olemassa olevien elementtien yli. Lisäksi,

Syntaksi

joukko. suodattaa ( toiminto ( curVal , idx , arr ) , tämä arvo )

Parametrien kuvaus on alla.

  • toiminto: edustaa takaisinsoittotoimintoa.
  • curVal: määrittää nykyisen elementin arvon.
  • idx: viittaa nykyiseen elementtiindeksiin.
  • arr: edustaa taulukkoa.

Esimerkki
Esimerkkiä käytetään kohteen poistamiseen taulukosta välittämällä arvo JavaScriptissä.

Koodi

konst arr = [
{ nimi : 'Harry' , näytä : 'Kriketti' } ,
{ nimi : 'John' , näytä : 'Jalkapallo' } ,
{ nimi : 'Naida' , näytä : 'Jääkiekko' } ,
{ nimi : 'Bob' , näytä : 'juoksu' } ,
] ;
konsoli. Hirsi ( arr ) ;
rem = arr. suodattaa ( arr => arr. nimi != 'Harry' ) ;
konsoli. Hirsi ( rem ) ;

Koodi selitetään alla:

  • Ensinnäkin joukko arr luodaan tallentamalla erilaisia ​​esineitä, kuten nimet ja näytä .
  • Sen jälkeen, suodattaa() menetelmää hyödynnetään ohittamalla ehto arr.name!='Harry' .
  • Lopuksi, console.log() menetelmää käytetään uuden taulukon näyttämiseen.

Lähtö

Koodin tulos palauttaa uuden taulukon poistamalla tietyn kohteen, jonka arvo on yhtä suuri kuin ' Harry ”.

Johtopäätös

Kaksi sisäänrakennettua menetelmää array.splice() ja array.filter() menetelmiä käytetään kohteiden poistamiseen JavaScript-taulukosta. Vuonna array.splice() -menetelmällä kohteen indeksiarvo välitetään määritetyn kohteen poistamiseksi taulukosta. The array.filter() menetelmää käytetään olemassa olevan taulukon suodattamiseen ehtoja soveltamalla. Molemmat menetelmät ovat hyödyllisiä käsiteltäessä monia kohteita säästääkseen aikaa ja vaivaa kehittäjiltä ja käyttäjiltä. Tässä artikkelissa olet oppinut poistamaan kohteita taulukosta syöttämällä arvoja JavaScript .