4 způsoby, jak odstranit konkrétní položku z pole JavaScript

Pole jsou jednou z běžných datových struktur, se kterými budete v JavaScriptu pracovat. Při odstraňování položky z pole máte k dispozici různé metody. Vše závisí na tom, kde se prvek, který chcete odstranit, nachází a jak jej chcete identifikovat.

Podívejte se, jaké jsou různé způsoby odstranění prvku pole JavaScript, ať už je na začátku, na konci nebo někde mezi tím.

1. Odstraňte první prvek z pole

Chcete-li odstranit první prvek v poli, použijte vestavěný JavaScript posun() metoda. Funguje to hned po vybalení tak, že odeberete položku a poté posunete indexy všech zbývajících položek.

Po odebrání položky ji metoda shift vrátí. To znamená, že odebraný prvek můžete přiřadit jiné proměnné a použít ji později, pokud chcete.

Zde je postup:

konst demoArray = [1, 2, 3, 4, 5];
konst firstElement = demoArray.shift();
řídicí panel.log (demoArray); // protokoly [2, 3, 4, 5]
řídicí panel.log (firstElement); // protokoly 1

2. Odstraňte poslední prvek z pole

JavaScript má vestavěný pop() metoda pro odstranění poslední položky v poli. Jako posun() metoda, pop() vrátí odstraněnou položku z pole.

konst demoArray = [1, 2, 3, 4, 5];
konst lastElement = demoArray.pop();
řídicí panel.log (demoArray); // protokoly [1, 2, 3, 4]
řídicí panel.log (lastElement); // protokoly 5

Shift a pop jsou dva z nejběžnějších Metody pole JavaScript, ale mohou vás dostat jen tak daleko. Kromě těchto dvou existuje několik metod, které vám poskytnou větší přesnost nad prvky, které odstraníte.

3. Pomocí operátora Delete

Případně můžete použít JavaScript vymazat operátor k odstranění daného prvku pole na konkrétním indexu. Na rozdíl od jiných metod, kterým jsme se věnovali dříve, to však má háček.

The vymazat operátor pouze odstraní hodnotu a ponechá pole s prázdnou mezerou u indexu. Délka původního pole však zůstane stejná, i když odstraníte poslední prvek.

konst demoArray = [1, 2, 3, 4, 5];
vymazat demoArray[2];
řídicí panel.log (demoArray[2]); // protokoly nejsou definovány
řídicí panel.log (demoArray.length); // protokoly 5
řídicí panel.log (demoArray); // protokoly [1, 2, prázdné, 4, 5]

4. Odebrat prvek pole podle hodnoty

Můžete také odstranit konkrétní položku pole podle hodnoty. Neexistuje žádná vestavěná metoda, jak to udělat, ale můžete to udělat kombinací dvou existujících metod: indexOf() a spoj ().

Tyto dva vám umožní odstranit konkrétní prvek z pole, aniž byste měli index. Nejprve začněte nalezením indexu prvku, který vás zajímá indexOf():

konst demoArray = [1, 2, 3, 4, 5];
konst targetElementIndex = demoArray.indexOf(4);
řídicí panel.log (targetElementIndex); // protokoly 3

Metoda indexOf vrací index prvního výskytu hodnoty, kterou zadáte, i když je hodnota přítomna více než jednou. Pokud nenajde žádný odpovídající prvek, vrátí indexOf -1.

Nyní, když máte index cílového prvku, můžete použít spoj () metoda k odstranění položky v tomto indexu. Jediné, co musíte udělat, je předat index cílového prvku jako první argument a za ním počet položek, které chcete odstranit.

Chcete-li odstranit pouze jednu položku, předejte hodnotu 1 jako druhý argument:

demoArray.splice (targetElementIndex, 1);

The spoj () metoda vrátí pole odstraněných prvků a stejně jako upraví původní pole prvků posun() a pop().

Pokud jsou pro vás některé z těchto metod nové, podívejte se na naše plný cheatsheet JavaScriptu. Obsahuje všechny metody pole, které máte k dispozici, nejen pro odstranění, ale i pro další operace, jako je přidávání, opakování, obracení a filtrování položek.

Pracujte s JavaScriptovými poli jako profík

Znalost práce s poli v JavaScriptu je nezbytná pro všechny webové vývojáře, protože se s nimi často setkáte.

Klíčovými koncepty, které je třeba zvládnout, jsou všechny vestavěné metody, které máte k dispozici a které vám při práci s poli mohou pomoci dělat téměř cokoliv.