4 būdai, kaip pašalinti konkretų elementą iš „JavaScript“ masyvo

Masyvai yra viena iš įprastų duomenų struktūrų, su kuriomis sąveikaujate naudodami „JavaScript“. Kai pašalinate elementą iš masyvo, galite naudotis įvairiais būdais. Viskas priklauso nuo to, kur yra elementas, kurį norite pašalinti, ir kaip norite jį identifikuoti.

Sužinokite, kokie yra įvairūs „JavaScript“ masyvo elemento pašalinimo būdai, nesvarbu, ar jis yra pradžioje, pabaigoje ar kažkur tarp jų.

1. Pašalinkite pirmąjį elementą iš masyvo

Norėdami pašalinti pirmąjį masyvo elementą, naudokite integruotą „JavaScript“. shift () metodas. Jis veikia iš karto pašalinus elementą ir perkeliant visų likusių elementų indeksus.

Pašalinus elementą, Shift metodas jį grąžina. Tai reiškia, kad galite priskirti pašalintą elementą kitam kintamajam ir naudoti jį vėliau, jei norite.

Štai kaip:

konst demoArray = [1, 2, 3, 4, 5];
konst firstElement = demoArray.shift();
konsolė.log (demoArray); // žurnalai [2, 3, 4, 5]
konsolė.log (firstElement); // žurnalai 1

2. Pašalinkite paskutinį elementą iš masyvo

„JavaScript“ turi įmontuotą pop () paskutinio masyvo elemento pašalinimo metodas. Kaip shift () metodas, pop () grąžina pašalintą elementą iš masyvo.

konst demoArray = [1, 2, 3, 4, 5];
konst lastElement = demoArray.pop();
konsolė.log (demoArray); // žurnalai [1, 2, 3, 4]
konsolė.log (lastElement); // žurnalai 5

„Shift“ ir „pop“ yra dvi labiausiai paplitusios JavaScript masyvo metodai, bet jie gali jus nuvesti tik iki tol. Be šių dviejų, yra keletas metodų, kurie suteikia daugiau tikslumo pašalinamiems elementams.

3. Ištrynimo operatoriaus naudojimas

Arba galite naudoti JavaScript Ištrinti operatorių, kad pašalintų tam tikrą masyvo elementą konkrečiame indekse. Tačiau, skirtingai nuo kitų metodų, kuriuos mes jau nagrinėjome anksčiau, čia yra spąsta.

The Ištrinti operatorius tik pašalina reikšmę, palikdamas masyvą su tuščia jo indekso spraga. Tačiau pradinio masyvo ilgis išlieka toks pat, net jei ištrinate paskutinį elementą.

konst demoArray = [1, 2, 3, 4, 5];
Ištrinti demoArray[2];
konsolė.log (demoArray[2]); // žurnalai neapibrėžti
konsolė.log (demoArray.length); // žurnalai 5
konsolė.log (demoArray); // žurnalai [1, 2, tuščias, 4, 5]

4. Pašalinkite masyvo elementą pagal vertę

Taip pat galite ištrinti konkretų masyvo elementą pagal vertę. Nėra integruoto metodo, kaip tai padaryti, bet galite derinti du esamus metodus, kad tai padarytumėte: indexOf() ir sandūra ().

Šie du leis jums pašalinti konkretų elementą iš masyvo be indekso. Pirmiausia suraskite dominančio elemento indeksą indexOf():

konst demoArray = [1, 2, 3, 4, 5];
konst targetElementIndex = demoArray.indexOf(4);
konsolė.log (targetElementIndex); // žurnalai 3

Metodas indexOf grąžina pirmojo jūsų pateiktos reikšmės pasireiškimo indeksą, net jei reikšmė pateikiama daugiau nei vieną kartą. Jei iš viso neranda atitinkamo elemento, „indexOf“ grąžina -1.

Dabar, kai turite tikslinio elemento indeksą, galite naudoti sandūra () būdas ištrinti elementą tame indekse. Viskas, ką jums reikia padaryti, tai nurodyti tikslinio elemento indeksą kaip pirmąjį argumentą, po kurio nurodomas elementų, kuriuos norite pašalinti, skaičius.

Norėdami pašalinti tik vieną elementą, perduokite reikšmę 1 kaip antras argumentas:

demoArray.splice (targetElementIndex, 1);

The sandūra () metodas grąžina pašalintų elementų masyvą ir pakeis pradinį elementų masyvą, kaip ir shift () ir pop ().

Jei kai kurie iš šių metodų jums nauji, peržiūrėkite mūsų pilnas JavaScript cheatsheet. Jame yra visi jums prieinami masyvo metodai, skirti ne tik pašalinti, bet ir atlikti kitas operacijas, pvz., elementų pridėjimą, ciklą, apvertimą ir filtravimą.

Dirbkite su „JavaScript“ masyvais kaip profesionalas

Žinoti, kaip dirbti su „JavaScript“ masyvais, labai svarbu visiems žiniatinklio kūrėjams, nes dažnai su jais susidursite.

Pagrindinės sąvokos, kurias reikia įsisavinti, yra visi jūsų dispozicijoje esantys integruoti metodai, kurie gali padėti atlikti beveik bet ką dirbant su masyvais.