4 módszer egy adott elem eltávolítására a JavaScript tömbből

A tömbök egyike azon gyakori adatstruktúráknak, amelyekkel interakcióba lép a JavaScriptben. Amikor eltávolít egy elemet egy tömbből, különböző módszerek állnak a rendelkezésére. Minden attól függ, hogy hol található az eltávolítani kívánt elem, és hogyan szeretné azonosítani.

Tekintse meg, hogy a JavaScript tömbelemek eltávolításának különféle módjai vannak, legyen az elején, végén vagy valahol a kettő között.

1. Távolítsa el az első elemet egy tömbből

A tömb első elemének eltávolításához használja a beépített JavaScriptet váltás() módszer. Ez úgy működik, hogy eltávolítja az elemet, majd eltolja az összes többi elem indexét.

Az elem eltávolítása után a shift metódus visszaadja azt. Ez azt jelenti, hogy az eltávolított elemet hozzárendelheti egy másik változóhoz, és később felhasználhatja, ha akarja.

Itt van, hogyan:

const demoArray = [1, 2, 3, 4, 5];
const firstElement = demoArray.shift();
konzol.log (demoArray); // naplók [2, 3, 4, 5]
konzol.log (firstElement); // naplók 1

2. Távolítsa el az utolsó elemet egy tömbből

A JavaScript beépített pop() módszer a tömb utolsó elemének eltávolítására. Mint a váltás() módszer, pop() visszaadja a tömbből eltávolított elemet.

const demoArray = [1, 2, 3, 4, 5];
const lastElement = demoArray.pop();
konzol.log (demoArray); // naplók [1, 2, 3, 4]
konzol.log (lastElement); // naplók 5

A Shift és a pop a két leggyakoribb JavaScript tömb módszerek, de csak eddig juthatnak el. Ettől a kettőtől eltekintve számos olyan módszer létezik, amelyek pontosabbá teszik az eltávolított elemeket.

3. A Törlés operátor használata

Alternatív megoldásként használhatja a JavaScriptet töröl operátorral törölhet egy adott tömbelemet egy adott indexen. Azonban más, korábban már megvizsgált módszerekkel ellentétben van egy fogás.

A töröl az operátor csak az értéket távolítja el, és egy tömböt hagy üres réssel az indexén. Az eredeti tömb hossza azonban változatlan marad, még akkor is, ha törli az utolsó elemet.

const demoArray = [1, 2, 3, 4, 5];
töröl demoArray[2];
konzol.log (demoArray[2]); // naplók undefined
konzol.log (demoArray.length); // naplók 5
konzol.log (demoArray); // naplók [1, 2, üres, 4, 5]

4. Távolítson el egy tömbelemet érték szerint

Egy adott tömbelemet érték szerint is törölhet. Nincs beépített módszer erre, de ehhez két meglévő módszert kombinálhat: indexe() és splice().

Ez a kettő lehetővé teszi egy adott elem eltávolítását a tömbből index nélkül. Először is keresse meg az érdeklődésre számot tartó elem indexét indexe():

const demoArray = [1, 2, 3, 4, 5];
const targetElementIndex = demoArray.indexOf(4);
konzol.log (targetElementIndex); // naplók 3

Az indexOf metódus a megadott érték első előfordulásának indexét adja vissza, még akkor is, ha az érték többször is jelen van. Ha egyáltalán nem talál egyező elemet, az indexOf visszatér -1.

Most, hogy megvan a célelem indexe, használhatja a splice() módszer az adott index elemének törlésére. Csak annyit kell tennie, hogy első argumentumként megadja a célelem indexét, majd az eltávolítani kívánt elemek számát.

Csak egyetlen elem eltávolításához adjon meg egy értéket 1 második érvként:

demoArray.splice (targetElementIndex, 1);

A splice() metódus az eltávolított elemek tömbjét adja vissza, és ugyanúgy módosítja az eredeti elemek tömbjét váltás() és pop().

Ha ezek közül néhány módszer új az Ön számára, tekintse meg a mi teljes JavaScript cheatsheet. Tartalmazza az összes elérhető tömbmódszert, nemcsak az eltávolításhoz, hanem más műveletekhez is, például elemek hozzáadásához, hurkolásához, visszafordításához és szűréséhez.

Dolgozzon profi módon JavaScript-tömbökkel

A JavaScript-tömbök használatának ismerete elengedhetetlen minden webfejlesztő számára, mivel milyen gyakran találkozhat velük.

Az elsajátítandó kulcsfogalmak az összes rendelkezésre álló beépített módszer, amelyek segítségével szinte bármit megtehet, amikor tömbökkel dolgozik.