4 veidi, kā noņemt konkrētu vienumu no JavaScript masīva

Masīvi ir viena no izplatītākajām datu struktūrām, ar kurām mijiedarbojaties JavaScript. Noņemot vienumu no masīva, jūsu rīcībā ir dažādas metodes. Tas viss ir atkarīgs no tā, kur atrodas elements, kuru vēlaties noņemt, un kā vēlaties to identificēt.

Uzziniet, kādi ir dažādi JavaScript masīva elementa noņemšanas veidi neatkarīgi no tā, vai tas atrodas sākumā, beigās vai kaut kur pa vidu.

1. Noņemiet pirmo elementu no masīva

Lai noņemtu pirmo elementu masīvā, izmantojiet JavaScript iebūvēto maiņa () metodi. Tas darbojas no kastes, noņemot vienumu un pēc tam pārvietojot visu atlikušo vienumu indeksus.

Pēc vienuma noņemšanas maiņas metode to atgriež. Tas nozīmē, ka varat piešķirt noņemto elementu citam mainīgajam un izmantot to vēlāk, ja vēlaties.

Lūk, kā to izdarīt:

konst demoArray = [1, 2, 3, 4, 5];
konst firstElement = demoArray.shift();
konsole.log (demoArray); // žurnāli [2, 3, 4, 5]
konsole.log (firstElement); // žurnāli 1

2. Noņemiet pēdējo elementu no masīva

JavaScript ir iebūvēts pop () metode masīva pēdējā vienuma noņemšanai. Kā maiņa () metode, pop () atgriež noņemto vienumu no masīva.

konst demoArray = [1, 2, 3, 4, 5];
konst lastElement = demoArray.pop();
konsole.log (demoArray); // žurnāli [1, 2, 3, 4]
konsole.log (lastElement); // žurnāli 5

Shift un pop ir divi visizplatītākie JavaScript masīva metodes, taču viņi var jūs aizvest tikai tik tālu. Papildus šīm divām metodēm ir vairākas metodes, kas sniedz lielāku precizitāti attiecībā uz noņemtajiem elementiem.

3. Izmantojot dzēšanas operatoru

Varat arī izmantot JavaScript dzēst operatoru, lai dzēstu noteiktu masīva elementu noteiktā indeksā. Tomēr atšķirībā no citām metodēm, kuras mēs esam izskatījuši iepriekš, šeit ir savs trūkums.

The dzēst operators tikai noņem vērtību, atstājot masīvu ar tukšu atstarpi tā indeksā. Tomēr sākotnējā masīva garums paliek nemainīgs, pat ja izdzēšat pēdējo elementu.

konst demoArray = [1, 2, 3, 4, 5];
dzēst demoArray[2];
konsole.log (demoArray[2]); // žurnāli nav definēti
konsole.log (demoArray.length); // žurnāli 5
konsole.log (demoArray); // žurnāli [1, 2, tukšs, 4, 5]

4. Noņemiet masīva elementu pēc vērtības

Varat arī izdzēst noteiktu masīva vienumu pēc vērtības. Lai to izdarītu, nav iebūvētas metodes, taču varat apvienot divas esošās metodes, lai to izdarītu: indexOf() un salaist ().

Šie divi ļaus jums noņemt noteiktu elementu no masīva bez indeksa. Vispirms sāciet, izmantojot interesējošā elementa indeksu indexOf():

konst demoArray = [1, 2, 3, 4, 5];
konst targetElementIndex = demoArray.indexOf(4);
konsole.log (targetElementIndex); // žurnāli 3

Metode indexOf atgriež jūsu norādītās vērtības pirmās parādīšanās indeksu, pat ja vērtība ir sastopama vairāk nekā vienu reizi. Ja tas vispār neatrod atbilstošu elementu, indexOf atgriež -1.

Tagad, kad jums ir mērķa elementa indekss, varat izmantot salaist () metode, lai izdzēstu vienumu šajā rādītājā. Viss, kas jums jādara, ir jāievada mērķa elementa indekss kā pirmais arguments, kam seko vienumu skaits, ko vēlaties noņemt.

Lai noņemtu tikai vienu vienumu, nosūtiet vērtību 1 kā otrais arguments:

demoArray.splice (targetElementIndex, 1);

The salaist () metode atgriež noņemto elementu masīvu un modificēs sākotnējo elementu masīvu, tāpat kā maiņa () un pop ().

Ja dažas no šīm metodēm jums ir jaunas, skatiet mūsu pilna JavaScript cheatsheet. Tajā ir visas jums pieejamās masīva metodes ne tikai noņemšanai, bet arī citām darbībām, piemēram, vienumu pievienošanai, cilpām, apgriešanai un filtrēšanai.

Strādājiet ar JavaScript masīviem kā profesionālis

Zināšanas, kā strādāt ar JavaScript masīviem, ir būtiskas visiem tīmekļa izstrādātājiem, jo ​​jūs ar tiem saskaraties.

Galvenie jēdzieni, kas jāapgūst, ir visas jūsu rīcībā esošās iebūvētās metodes, kas var palīdzēt paveikt gandrīz jebko, strādājot ar masīviem.