Puteți șterge un element de matrice în mai multe moduri diferite, așa că asigurați-vă că alegeți cel mai potrivit pentru circumstanțele dvs.
Matricele sunt una dintre structurile de date comune cu care veți interacționa în JavaScript. Când eliminați un articol dintr-o matrice, aveți la dispoziție diferite metode. Totul depinde de unde se află elementul pe care doriți să îl eliminați și de cum doriți să-l identificați.
Vedeți care sunt diferitele moduri de a elimina un element de matrice JavaScript, indiferent dacă este la început, la sfârșit sau undeva între ele.
1. Scoateți primul element dintr-o matrice
Pentru a elimina primul element dintr-o matrice, utilizați JavaScript încorporat schimb() metodă. Funcționează din cutie prin eliminarea articolului și apoi mutarea indicilor tuturor elementelor rămase.
După eliminarea articolului, metoda shift îl returnează. Aceasta înseamnă că puteți aloca elementul eliminat unei alte variabile și îl puteți utiliza mai târziu, dacă doriți.
Iată cum:
const demoArray = [1, 2, 3, 4, 5];
const firstElement = demoArray.shift();
consolă.log (demoArray); // jurnalele [2, 3, 4, 5]
consolă.log (firstElement); // jurnalele 1
2. Eliminați ultimul element dintr-o matrice
JavaScript are încorporat pop() metoda de eliminare a ultimului element dintr-o matrice. Ca schimb() metodă, pop() returnează elementul eliminat din matrice.
const demoArray = [1, 2, 3, 4, 5];
const lastElement = demoArray.pop();
consolă.log (demoArray); // jurnalele [1, 2, 3, 4]
consolă.log (lastElement); // jurnalele 5
Shift și pop sunt două dintre cele mai comune Metode de matrice JavaScript, dar ei te pot duce doar atât de departe. Pe lângă acestea două, există mai multe metode care vă oferă mai multă precizie asupra elementelor pe care le eliminați.
3. Folosind operatorul Delete
Alternativ, puteți utiliza JavaScript șterge operator pentru a șterge un anumit element de matrice la un anumit index. Cu toate acestea, spre deosebire de alte metode pe care le-am analizat înainte, există o captură.
The șterge operatorul elimină doar valoarea, lăsând o matrice cu un spațiu gol la indexul său. Cu toate acestea, lungimea matricei originale rămâne aceeași, chiar dacă ștergeți ultimul element.
const demoArray = [1, 2, 3, 4, 5];
șterge demoArray[2];
consolă.log (demoArray[2]); // jurnal nedefinit
consolă.log (demoArray.length); // jurnalele 5
consolă.log (demoArray); // jurnal [1, 2, gol, 4, 5]
4. Eliminați un element de matrice după valoare
De asemenea, puteți șterge un anumit element de matrice după valoare. Nu există nicio metodă încorporată pentru a face acest lucru, dar puteți combina două metode existente pentru a face acest lucru: Index de() și lipitură().
Aceste două vă vor permite să eliminați un anumit element dintr-o matrice fără a avea un index. În primul rând, începeți prin a găsi indicele elementului de interes folosind Index de():
const demoArray = [1, 2, 3, 4, 5];
const targetElementIndex = demoArray.indexOf(4);
consolă.log (targetElementIndex); // jurnalele 3
Metoda indexOf returnează indicele primei apariții a valorii pe care o furnizați, chiar dacă valoarea este prezentă de mai multe ori. Dacă nu găsește niciun element care se potrivește, indexOf revine -1.
Acum că aveți indexul elementului țintă, puteți utiliza lipitură() metoda de a șterge elementul din acel index. Tot ce trebuie să faceți este să treceți în indexul elementului țintă ca prim argument, urmat de numărul de elemente pe care doriți să le eliminați.
Pentru a elimina doar un singur element, transmiteți o valoare de 1 ca al doilea argument:
demoArray.splice (targetElementIndex, 1);
The lipitură() metoda returnează o matrice a elementelor eliminate și va modifica matricea originală de elemente, la fel ca schimb() și pop().
Dacă unele dintre aceste metode sunt noi pentru dvs., consultați-ne cheatsheet complet JavaScript. Conține toate metodele de matrice disponibile pentru dvs., nu doar pentru eliminarea, ci și pentru alte operațiuni precum adăugarea, bucla, inversarea și filtrarea elementelor.
Lucrați cu matrice JavaScript ca un profesionist
A ști cum să lucrezi cu matrice în JavaScript este esențial pentru toți dezvoltatorii web, din cauza cât de des le vei întâlni.
Conceptele cheie de stăpânit sunt toate metodele încorporate pe care le aveți la dispoziție, care vă pot ajuta să faceți aproape orice atunci când lucrați cu matrice.