4 tapaa poistaa tietty kohde JavaScript-taulukosta

Taulukot ovat yksi yleisimmistä tietorakenteista, joita käytät JavaScriptissä. Kun poistat kohteen taulukosta, käytettävissäsi on erilaisia ​​tapoja. Kaikki riippuu siitä, missä poistettava elementti on ja miten haluat tunnistaa sen.

Katso, mitkä ovat erilaiset tavat poistaa JavaScript-taulukkoelementti, olipa se sitten alussa, lopussa tai jossain välissä.

1. Poista ensimmäinen elementti taulukosta

Jos haluat poistaa taulukon ensimmäisen elementin, käytä JavaScriptin sisäänrakennettua elementtiä siirtää() menetelmä. Se toimii laatikosta poistamalla kohteen ja siirtämällä sitten kaikkien jäljellä olevien kohteiden indeksejä.

Kun kohde on poistettu, vaihtomenetelmä palauttaa sen. Tämä tarkoittaa, että voit määrittää poistetun elementin toiselle muuttujalle ja käyttää sitä myöhemmin, jos haluat.

Näin:

konst demoArray = [1, 2, 3, 4, 5];
konst firstElement = demoArray.shift();
konsoli.log (demoArray); // lokit [2, 3, 4, 5]
konsoli.log (firstElement); // lokit 1

2. Poista viimeinen elementti taulukosta

JavaScriptissä on sisäänrakennettu pop() menetelmä taulukon viimeisen kohteen poistamiseksi. Kuin siirtää() menetelmä, pop() palauttaa poistetun kohteen taulukosta.

konst demoArray = [1, 2, 3, 4, 5];
konst lastElement = demoArray.pop();
konsoli.log (demoArray); // lokit [1, 2, 3, 4]
konsoli.log (lastElement); // lokit 5

Shift ja pop ovat kaksi yleisintä JavaScript-taulukkomenetelmät, mutta he voivat viedä sinut vain niin pitkälle. Näiden kahden lisäksi on olemassa useita menetelmiä, jotka antavat sinulle enemmän tarkkuutta poistettavien elementtien suhteen.

3. Poista-operaattorin käyttäminen

Vaihtoehtoisesti voit käyttää JavaScriptiä poistaa -operaattori poistaa tietyn taulukon elementin tietystä indeksistä. Kuitenkin toisin kuin muut menetelmät, joita olemme tarkastelleet aiemmin, siinä on saalis.

The poistaa -operaattori vain poistaa arvon jättäen taulukon indeksiin tyhjän aukon. Alkuperäisen taulukon pituus pysyy kuitenkin samana, vaikka poistaisit viimeisen elementin.

konst demoArray = [1, 2, 3, 4, 5];
poistaa demoArray[2];
konsoli.log (demoArray[2]); // lokit määrittelemättömät
konsoli.log (demoArray.length); // lokit 5
konsoli.log (demoArray); // lokit [1, 2, tyhjä, 4, 5]

4. Poista taulukon elementti arvon mukaan

Voit myös poistaa tietyn taulukon kohteen arvon mukaan. Tähän ei ole sisäänrakennettua menetelmää, mutta voit tehdä tämän yhdistämällä kaksi olemassa olevaa menetelmää: sisällysluettelo() ja liitos().

Näiden kahden avulla voit poistaa tietyn elementin taulukosta ilman indeksiä. Aloita etsimällä kiinnostavan elementin indeksi käyttämällä sisällysluettelo():

konst demoArray = [1, 2, 3, 4, 5];
konst targetElementIndex = demoArray.indexOf(4);
konsoli.log (targetElementIndex); // lokit 3

IndexOf-menetelmä palauttaa antamasi arvon ensimmäisen esiintymän indeksin, vaikka arvo olisikin olemassa useammin kuin kerran. Jos se ei löydä vastaavaa elementtiä ollenkaan, indexOf palauttaa -1.

Nyt kun sinulla on kohdeelementin indeksi, voit käyttää liitos() tapa poistaa kohde kyseisestä hakemistosta. Sinun tarvitsee vain syöttää kohdeelementin indeksi ensimmäisenä argumenttina ja sen jälkeen poistettavien kohteiden määrä.

Jos haluat poistaa vain yhden kohteen, anna arvo 1 toisena argumenttina:

demoArray.splice (targetElementIndex, 1);

The liitos() menetelmä palauttaa joukon poistettuja elementtejä ja muokkaa alkuperäistä elementtijoukkoa, aivan kuten siirtää() ja pop().

Jos jotkut näistä menetelmistä ovat sinulle uusia, tutustu meidän täysi JavaScript-huijauslehti. Se sisältää kaikki käytettävissäsi olevat matriisimenetelmät, ei vain poistamista varten, vaan myös muita toimintoja, kuten kohteiden lisäämistä, silmukoita, kääntämistä ja suodatusta varten.

Työskentele JavaScript-taulukoiden kanssa kuin ammattilainen

JavaScript-taulukoiden käytön tunteminen on välttämätöntä kaikille verkkokehittäjille, koska niihin törmäät usein.

Tärkeimmät käsitteet ovat kaikki käytettävissäsi olevat sisäänrakennetut menetelmät, joiden avulla voit tehdä melkein mitä tahansa taulukoiden kanssa työskennellessäsi.