Element niza možete izbrisati na nekoliko različitih načina, pa svakako odaberite onaj koji najviše odgovara vašim okolnostima.
Nizovi su jedna od uobičajenih struktura podataka s kojima ćete komunicirati u JavaScriptu. Prilikom uklanjanja stavke iz niza, na raspolaganju su vam različite metode. Sve ovisi o tome gdje se nalazi element koji želite ukloniti i kako ga želite identificirati.
Pogledajte koji su različiti načini uklanjanja elementa JavaScript polja, bilo da je na početku, na kraju ili negdje između.
1. Uklonite prvi element iz niza
Da biste uklonili prvi element u nizu, upotrijebite ugrađeni JavaScript pomak() metoda. Radi izvan okvira uklanjanjem stavke i zatim pomicanjem indeksa svih preostalih stavki.
Nakon uklanjanja stavke, metoda shift je vraća. To znači da možete dodijeliti uklonjeni element drugoj varijabli i koristiti ga kasnije ako želite.
Evo kako:
konst demoArray = [1, 2, 3, 4, 5];
konst prviElement = demoArray.shift();
konzola.log (demoArray); // zapisnici [2, 3, 4, 5]
konzola.log (prviElement); // zapisnici 1
2. Ukloni zadnji element iz niza
JavaScript ima ugrađenu pop() metoda za uklanjanje posljednje stavke u nizu. Poput pomak() metoda, pop() vraća uklonjenu stavku iz niza.
konst demoArray = [1, 2, 3, 4, 5];
konst zadnjiElement = demoArray.pop();
konzola.log (demoArray); // bilježi [1, 2, 3, 4]
konzola.log (posljednjiElement); // zapisnici 5
Shift i pop dva su najčešća JavaScript metode polja, ali mogu vas dovesti samo do sada. Osim ove dvije, postoji nekoliko metoda koje vam daju veću preciznost nad elementima koje uklanjate.
3. Korištenje operatora brisanja
Alternativno, možete koristiti JavaScript izbrisati operator za brisanje zadanog elementa niza na određenom indeksu. Međutim, za razliku od drugih metoda koje smo ranije razmatrali, postoji caka.
The izbrisati Operator samo uklanja vrijednost, ostavljajući polje s praznim razmakom na njegovom indeksu. Međutim, duljina izvornog niza ostaje ista, čak i ako izbrišete posljednji element.
konst demoArray = [1, 2, 3, 4, 5];
izbrisati demoArray[2];
konzola.log (demoArray[2]); // zapisnici nedefinirani
konzola.log (demoArray.length); // zapisnici 5
konzola.log (demoArray); // bilježi [1, 2, prazno, 4, 5]
4. Uklonite element polja prema vrijednosti
Također možete izbrisati određenu stavku niza prema vrijednosti. Ne postoji ugrađena metoda za to, ali možete kombinirati dvije postojeće metode za to: indexOf() i spoj().
Ova dva će vam omogućiti da uklonite određeni element iz niza bez indeksa. Prvo, započnite s pronalaženjem indeksa elementa koji vas zanima indexOf():
konst demoArray = [1, 2, 3, 4, 5];
konst targetElementIndex = demoArray.indexOf(4);
konzola.log (targetElementIndex); // dnevnici 3
Metoda indexOf vraća indeks prvog pojavljivanja vrijednosti koju navedete, čak i ako je vrijednost prisutna više puta. Ako uopće ne pronađe odgovarajući element, indexOf vraća -1.
Sada kada imate indeks ciljanog elementa, možete koristiti spoj() metoda za brisanje stavke u tom indeksu. Sve što trebate učiniti je proslijediti indeks ciljanog elementa kao prvi argument, nakon čega slijedi broj stavki koje želite ukloniti.
Da biste uklonili samo jednu stavku, proslijedite vrijednost od 1 kao drugi argument:
demoArray.splice (targetElementIndex, 1);
The spoj() metoda vraća niz uklonjenih elemenata i modificirat će izvorni niz elemenata, baš kao pomak() i pop().
Ako su vam neke od ovih metoda nove, pogledajte naše potpuni JavaScript cheatsheet. Sadrži sve metode niza koje su vam dostupne, ne samo za uklanjanje, već i za druge operacije poput dodavanja, ponavljanja, okretanja i filtriranja stavki.
Radite s JavaScript nizovima kao profesionalac
Poznavanje rada s nizovima u JavaScriptu ključno je za sve web programere zbog toga koliko ćete često nailaziti na njih.
Ključni koncepti koje treba savladati su sve ugrađene metode koje su vam na raspolaganju i koje vam mogu pomoći da učinite gotovo sve kada radite s nizovima.
