4 spôsoby, ako odstrániť konkrétnu položku z poľa JavaScript

Polia sú jednou z bežných dátových štruktúr, s ktorými budete pracovať v JavaScripte. Pri odstraňovaní položky z poľa máte k dispozícii rôzne metódy. Všetko závisí od toho, kde sa prvok, ktorý chcete odstrániť, nachádza a ako ho chcete identifikovať.

Pozrite sa, aké sú rôzne spôsoby odstránenia prvku poľa JavaScript, či už je to na začiatku, na konci alebo niekde medzi tým.

1. Odstráňte prvý prvok z poľa

Ak chcete odstrániť prvý prvok v poli, použite vstavaný JavaScript posun() metóda. Funguje to tak, že sa odstráni položka a potom sa posunú indexy všetkých zostávajúcich položiek.

Po odstránení položky ju metóda shift vráti. To znamená, že odstránený prvok môžete priradiť inej premennej a použiť ho neskôr, ak chcete.

Tu je postup:

konšt demoArray = [1, 2, 3, 4, 5];
konšt firstElement = demoArray.shift();
konzoly.log (demoArray); // protokoly [2, 3, 4, 5]
konzoly.log (firstElement); // protokoly 1

2. Odstráňte posledný prvok z poľa

JavaScript má vstavaný pop() metóda na odstránenie poslednej položky v poli. Ako posun() metóda, pop() vráti odstránenú položku z poľa.

konšt demoArray = [1, 2, 3, 4, 5];
konšt lastElement = demoArray.pop();
konzoly.log (demoArray); // protokoly [1, 2, 3, 4]
konzoly.log (lastElement); // protokoly 5

Shift a pop sú dva z najbežnejších Metódy poľa JavaScript, ale môžu vás dostať len tak ďaleko. Okrem týchto dvoch existuje niekoľko metód, ktoré vám poskytnú väčšiu presnosť v porovnaní s prvkami, ktoré odstránite.

3. Pomocou operátora vymazania

Prípadne môžete použiť JavaScript vymazať operátor na vymazanie daného prvku poľa na konkrétnom indexe. Avšak na rozdiel od iných metód, na ktoré sme sa predtým pozreli, je tu háčik.

The vymazať operátor iba odstráni hodnotu a ponechá pole s prázdnou medzerou na svojom indexe. Dĺžka pôvodného poľa však zostane rovnaká, aj keď odstránite posledný prvok.

konšt demoArray = [1, 2, 3, 4, 5];
vymazať demoArray[2];
konzoly.log (demoArray[2]); // protokoly nie sú definované
konzoly.log (demoArray.length); // protokoly 5
konzoly.log (demoArray); // protokoly [1, 2, empty, 4, 5]

4. Odstráňte prvok poľa podľa hodnoty

Môžete tiež odstrániť konkrétnu položku poľa podľa hodnoty. Neexistuje žiadna vstavaná metóda, ako to urobiť, ale môžete to urobiť kombináciou dvoch existujúcich metód: indexOf() a spojiť ().

Tieto dva vám umožnia odstrániť konkrétny prvok z poľa bez toho, aby ste mali index. Najprv začnite nájdením indexu prvku, ktorý vás zaujíma indexOf():

konšt demoArray = [1, 2, 3, 4, 5];
konšt targetElementIndex = demoArray.indexOf(4);
konzoly.log (targetElementIndex); // protokoly 3

Metóda indexOf vráti index prvého výskytu hodnoty, ktorú zadáte, aj keď je hodnota prítomná viac ako raz. Ak nenájde žiadny zodpovedajúci prvok, vráti sa indexOf -1.

Teraz, keď máte index cieľového prvku, môžete použiť spojiť () metóda na odstránenie položky v tomto indexe. Jediné, čo musíte urobiť, je zadať index cieľového prvku ako prvý argument, za ktorým nasleduje počet položiek, ktoré chcete odstrániť.

Ak chcete odstrániť iba jednu položku, zadajte hodnotu 1 ako druhý argument:

demoArray.splice (targetElementIndex, 1);

The spojiť () metóda vráti pole odstránených prvkov a upraví pôvodné pole prvkov, rovnako ako posun() a pop().

Ak sú pre vás niektoré z týchto metód nové, pozrite si naše úplný kód JavaScript. Obsahuje všetky metódy poľa, ktoré máte k dispozícii, nielen na odstraňovanie, ale aj na ďalšie operácie, ako je pridávanie, cyklovanie, obracanie a filtrovanie položiek.

Pracujte s poľami JavaScript ako profesionál

Vedieť pracovať s poľami v JavaScripte je nevyhnutné pre všetkých webových vývojárov, pretože sa s nimi často stretávate.

Kľúčovými konceptmi, ktoré si osvojíte, sú všetky vstavané metódy, ktoré máte k dispozícii a ktoré vám pri práci s poľami môžu pomôcť urobiť takmer čokoľvek.