Du kan slette et array-element på flere forskellige måder, så sørg for at vælge det mest passende til dine omstændigheder.
Arrays er en af de almindelige datastrukturer, du vil interagere med i JavaScript. Når du fjerner et element fra et array, er der forskellige metoder til din rådighed. Det hele afhænger af, hvor det element, du vil fjerne, er, og hvordan du vil identificere det.
Se, hvad de forskellige måder at fjerne et JavaScript-array-element på, uanset om det er i starten, slutningen eller et sted midt imellem.
1. Fjern det første element fra et array
For at fjerne det første element i et array skal du bruge JavaScripts indbyggede flytte() metode. Det fungerer ud af kassen ved at fjerne elementet og derefter flytte indekserne for alle de resterende elementer.
Efter at have fjernet varen, returnerer shift-metoden den. Det betyder, at du kan tildele det fjernede element til en anden variabel og bruge det senere, hvis du vil.
Sådan gør du:
konst demoArray = [1, 2, 3, 4, 5];
konst firstElement = demoArray.shift();
konsol.log (demoArray); // logfiler [2, 3, 4, 5]
konsol.log (førsteElement); // logger 1
2. Fjern det sidste element fra et array
JavaScript har en indbygget pop() metode til at fjerne det sidste element i et array. Ligesom flytte() metode, pop() returnerer det fjernede element fra arrayet.
konst demoArray = [1, 2, 3, 4, 5];
konst lastElement = demoArray.pop();
konsol.log (demoArray); // logs [1, 2, 3, 4]
konsol.log (sidsteElement); // logger 5
Shift og pop er to af de mest almindelige JavaScript array metoder, men de kan kun få dig så langt. Bortset fra disse to er der flere metoder, der giver dig mere præcision over de elementer, du fjerner.
3. Brug af Slet-operatøren
Alternativt kan du bruge JavaScript slette operator for at slette et givet array-element ved et specifikt indeks. Men i modsætning til andre metoder, vi har set på før, er der en fangst.
Det slette operatoren fjerner kun værdien og efterlader et array med et tomt hul ved sit indeks. Længden af det originale array forbliver dog den samme, selvom du sletter det sidste element.
konst demoArray = [1, 2, 3, 4, 5];
slette demoArray[2];
konsol.log (demoArray[2]); // logger udefineret
konsol.log (demoArray.length); // logger 5
konsol.log (demoArray); // logs [1, 2, tom, 4, 5]
4. Fjern et array-element efter værdi
Du kan også slette et bestemt matrixelement efter værdi. Der er ingen indbygget metode til at gøre dette, men du kan kombinere to eksisterende metoder til at gøre dette: indeks af() og splejs ().
Disse to vil gøre dig i stand til at fjerne et bestemt element fra et array uden at have et indeks. Start først med at finde indekset for elementet af interesse ved hjælp af indeks af():
konst demoArray = [1, 2, 3, 4, 5];
konst targetElementIndex = demoArray.indexOf(4);
konsol.log (targetElementIndex); // logger 3
indexOf-metoden returnerer indekset for den første forekomst af den værdi, du angiver, selvom værdien er til stede mere end én gang. Hvis den overhovedet ikke finder noget matchende element, returnerer indexOf -1.
Nu hvor du har indekset for målelementet, kan du bruge splejs () metode til at slette elementet i det indeks. Alt du skal gøre er at indtaste indekset for målelementet som det første argument, efterfulgt af antallet af elementer du vil fjerne.
For at fjerne kun et enkelt element skal du sende en værdi på 1 som det andet argument:
demoArray.splice (targetElementIndex, 1);
Det splejs () metoden returnerer en matrix af de fjernede elementer og vil modificere den oprindelige matrix af elementer, ligesom flytte() og pop().
Hvis nogle af disse metoder er nye for dig, så tjek vores komplet JavaScript snydeark. Den indeholder alle de array-metoder, der er tilgængelige for dig, ikke kun til fjernelse, men til andre operationer som f.eks. tilføjelse, looping, reversering og filtrering af elementer.
Arbejd med JavaScript-arrays som en professionel
At vide, hvordan man arbejder med arrays i JavaScript er afgørende for alle webudviklere på grund af, hvor ofte du støder på dem.
Nøglekoncepterne at mestre er alle de indbyggede metoder til din rådighed, som kan hjælpe dig med næsten alt, når du arbejder med arrays.
