4 viisi konkreetse üksuse eemaldamiseks JavaScripti massiivist

Massiivid on üks levinumaid andmestruktuure, millega JavaScriptis suhtlete. Üksuse massiivist eemaldamisel on teie käsutuses erinevad meetodid. Kõik sõltub sellest, kus asub eemaldatav element ja kuidas soovite seda tuvastada.

Vaadake, millised on erinevad viisid JavaScripti massiivi elemendi eemaldamiseks, olgu see siis alguses, lõpus või kuskil vahepeal.

1. Eemaldage massiivist esimene element

Massiivi esimese elemendi eemaldamiseks kasutage sisseehitatud JavaScripti shift() meetod. See töötab karbist välja, eemaldades üksuse ja nihutades seejärel kõigi ülejäänud üksuste indekseid.

Pärast üksuse eemaldamist tagastab nihkemeetod selle. See tähendab, et saate eemaldada eemaldatud elemendi mõnele muule muutujale ja kasutada seda hiljem, kui soovite.

Tehke järgmist.

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

2. Eemaldage massiivist viimane element

JavaScriptil on sisseehitatud pop() meetod massiivi viimase üksuse eemaldamiseks. Nagu shift() meetod, pop() tagastab massiivist eemaldatud üksuse.

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

Shift ja pop on kaks kõige levinumat JavaScripti massiivi meetodid, kuid nad jõuavad teid ainult nii kaugele. Lisaks nendele kahele on mitu meetodit, mis annavad teile eemaldatavate elementide täpsuse.

3. Kustutusoperaatori kasutamine

Teise võimalusena võite kasutada JavaScripti kustutada operaator, et kustutada antud massiivi element kindlas indeksis. Kuid erinevalt teistest meetoditest, mida oleme varem vaadanud, on sellel konks.

The kustutada operaator eemaldab ainult väärtuse, jättes massiivi, mille indeksisse jääb tühi vahe. Algse massiivi pikkus jääb aga samaks, isegi kui kustutate viimase elemendi.

konst demoArray = [1, 2, 3, 4, 5];
kustutada demoArray[2];
konsool.log (demoArray[2]); // logib määratlemata
konsool.log (demoArray.length); // logid 5
konsool.log (demoArray); // logid [1, 2, tühi, 4, 5]

4. Eemaldage massiivi element väärtuse järgi

Samuti saate kustutada konkreetse massiivi üksuse väärtuse järgi. Selle tegemiseks pole sisseehitatud meetodit, kuid saate kombineerida kahte olemasolevat meetodit. indeks() ja splaiss().

Need kaks võimaldavad teil eemaldada massiivist konkreetse elemendi ilma indeksita. Esiteks leidke kasutades huvipakkuva elemendi indeks indeks():

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

Meetod indexOf tagastab teie sisestatud väärtuse esmakordse esinemise indeksi, isegi kui väärtus esineb rohkem kui üks kord. Kui see ei leia ühtegi sobivat elementi, tagastab indexOf -1.

Nüüd, kui teil on sihtelemendi indeks, saate kasutada splaiss() meetod selle registri üksuse kustutamiseks. Kõik, mida pead tegema, on sisestada sihtelemendi indeks esimese argumendina, millele järgneb eemaldatavate üksuste arv.

Ainult ühe üksuse eemaldamiseks edastage väärtus 1 teise argumendina:

demoArray.splice (targetElementIndex, 1);

The splaiss() meetod tagastab eemaldatud elementide massiivi ja muudab algset elementide massiivi, nagu shift() ja pop().

Kui mõni neist meetoditest on teile uus, vaadake meie täielik JavaScripti petuleht. See sisaldab kõiki teile saadaolevaid massiivimeetodeid mitte ainult eemaldamiseks, vaid ka muude toimingute jaoks, nagu üksuste lisamine, silmuste loomine, ümberpööramine ja filtreerimine.

Töötage JavaScripti massiividega nagu professionaal

JavaScripti massiividega töötamise teadmine on oluline kõigi veebiarendajate jaoks, kuna nendega kokku puutute.

Peamised põhimõisted on kõik teie käsutuses olevad sisseehitatud meetodid, mis aitavad teil massiividega töötades teha peaaegu kõike.