Odstraňte prvky z pole JavaScript
Odstranění prvků z pole JavaScript znamená odebrání určitých položek z pole. Toto je základní a důležitý úkol při programování, protože pomáhá udržovat pole přesné a usnadňuje manipulaci s daty. V tomto článku budeme diskutovat o několika metodách odstranění prvků z pole JavaScript.
Metody odstranění prvků z pole JavaScript
Existují různé způsoby odstranění prvků z pole JavaScript, které jsou popsány níže:
Obsah
- Metoda 1: Odstraňte pole formuláře posledního prvku pomocí metody pop().
- Metoda 2: Odstraňte první prvek z pole pomocí metody shift().
- Metoda 3: Odeberte prvek z pole v libovolném indexu pomocí metody splice().
- Metoda 4: Odstraňte prvek z pole s určitou podmínkou pomocí metody filter().
- Metoda 5: Odeberte prvky pole s indexem pomocí operátoru odstranění
- Metoda 6: Odeberte prvky pole pomocí přístupu Clear and Reset Approach
- Metoda 7: Odeberte prvek z pole pomocí cyklu for() a nového pole
- Metoda 8: Odeberte prvek pole pomocí metody lodash _.remove
Poznámka: Existují další metody, které jsou vytvořeny JavaScript vestavěné metody.
Metoda 1: Odstraňte pole formuláře posledního prvku pomocí metody pop().
Tato metoda se používá k odstranění posledního prvku pole a vrátí odstraněný prvek. Tato funkce zkrátí délku pole o 1 pokaždé, když je prvek odstraněn.
Příklad 1: Níže uvedený kód je základní implementací metoda pop(). k odstranění prvků z pole.
javascript // JavaScript code to illustrate pop() function // to remove array elements let arr = ['shift', 'splice', 'filter', 'pop']; // Popping the last element from the array let popped = arr.pop(); console.log('Removed element: ' + popped); console.log('Remaining elements: ' + arr); console.log('Array length: ' + arr.length); Výstup
Removed element: pop Remaining elements: shift,splice,filter Array length: 3
Příklad 2: Níže uvedený kód odstraňuje prvky z pole pomocí metody pop(), dokud se délka pole nezmění na 0.
javascript // Declare and initialize an array let array = ['pop', 'splice', 'filter', 'shift'] console.log('Original array: ' + array) // Loop run while array length not zero while (array.length) { // Remove elements from array array.pop(); } console.log('Array Length: ' + array.length) Výstup
Original array: pop,splice,filter,shift Array Length: 0
Metoda 2: Odstraňte první prvek z pole pomocí metody shift().
Tato metoda se používá k odstranění a vrácení prvního prvku pole a zmenšení velikosti původního pole o 1.
Příklad: Níže uvedený kód je základní implementací metoda shift(). k odstranění prvků pole.
javascript // JavaScript code to illustrate shift() method // to remove elements from array let arr = ['shift', 'splice', 'filter', 'pop']; // Removing the first element from array let shifted = arr.shift(); console.log('Removed element: ' + shifted); console.log('Remaining elements: ' + arr); Výstup
Removed element: shift Remaining elements: splice,filter,pop
Metoda 3: Odeberte prvek z pole v libovolném indexu pomocí metody splice().
Splice metoda se používá k úpravě obsahu pole odstraněním existujících prvků a/nebo přidáním nových prvků. Chcete-li odstranit prvky metodou splice() můžete prvky určit různými způsoby.
Příklad 1: Tento příklad používá indexování metody splice k odstranění prvků z pole JavaScript.
javascript // JavaScript code to illustrate splice() function let arr = ['shift', 'splice', 'filter', 'pop']; // Removing the specified element from the array let spliced = arr.splice(1, 1); console.log('Removed element: ' + spliced); console.log('Remaining elements: ' + arr); Výstup
Removed element: splice Remaining elements: shift,filter,pop
Příklad 2: Tento příklad používá hodnotu metody splice k odstranění prvků z pole JavaScript.
javascript // JavaScript code to illustrate splice() function let arr = ['shift', 'splice', 'filter', 'pop']; // Removing the specified element by value from the array for (let i = 0; i < arr.length; i++) { if (arr[i] === 'splice') { let spliced = arr.splice(i, 1); console.log('Removed element: ' + spliced); console.log('Remaining elements: ' + arr); } } Výstup
Removed element: splice Remaining elements: shift,filter,pop
Příklad 3: Použití metody splice k odstranění každého prvku z pole JavaScriptu.
javascript // Declare and initialize array let array = ['pop', 'splice', 'filter', 'shift'] console.log('Original array: ' + array) // Making the length of array to 0 by using splice method array.splice(0, array.length); console.log('Empty array: ' + array) Výstup
Original array: pop,splice,filter,shift Empty array:
Metoda 4: Odstraňte prvek z pole s určitou podmínkou pomocí metody filter().
Filtrační metoda se používá k vytvoření nového pole z daného pole sestávajícího pouze z těch prvků z daného pole, které splňují podmínku nastavenou funkcí argument. Chcete-li prvky odstranit metodou filter(), můžete prvky specifikovat různými způsoby.
Příklad: Níže uvedený příklad používá hodnotu metody filtru k odstranění prvků z pole JavaScript.
javascript // JavaScript to illustrate filter() method function isPositive(value) { return value>0; } function func() { let filtered = [101, 98, 12, -1, 848].filter(isPositive); console.log('Pozitivní prvky v poli: ' + filtrováno); } func(); Výstup
Positive elements in array: 101,98,12,848
Metoda 5: Odeberte prvky pole s indexem pomocí operátoru odstranění
The odstranit operátor vrátí booleovskou hodnotu, skutečný, pokud je prvek nebo vlastnost odstraněna z pole nebo objektu a Nepravdivé, pokud je funkce nebo proměnná předána k odstranění.
Příklad: Níže uvedený kód implementuje operátor delete k odstranění prvků z pole.
javascript // Declare and initialize an array let array = ['lodash', 'remove', 'delete', 'reset'] // Delete element at index 2 let deleted = delete array[2]; console.log('Removed: ' + deleted); console.log('Remaining elements: ' + array); Výstup
Removed: true Remaining elements: lodash,remove,,reset
Metoda 6: Odeberte prvky pole pomocí přístupu Clear and Reset Approach
Odstranění prvků z pole pomocí přístupu ručního vymazání a resetování buď resetováním délky pole na 0 pomocí vlastnosti length, nebo přiřazením pole k prázdnému poli ([]).
Příklad: Tento příklad vysvětluje, jak můžete implementovat přístup clear a reset v JavaScriptu.
javascript // Declare and initialize an array let array1 = ['lodash', 'remove', 'delete', 'reset']; let array2 = [1, 2, 3, 4, 5]; console.log('Array1 before elements removal: ', array1); console.log('Array2 before elements removal: ', array2); // Delete each element of array array1 = []; array2.length = 0; console.log('Array1 after elements removal: ', array1); console.log('Array2 after elements removal: ', array2); Výstup
Array1 before elements removal: [ 'lodash', 'remove', 'delete', 'reset' ] Array2 before elements removal: [ 1, 2, 3, 4, 5 ] Array1 after elements removal: [] Array2 after elements removal: []
Metoda 7: Odeberte prvek z pole pomocí cyklu for() a nového pole
Zde jednoduchý pro smyčku bude spuštěn přes pole a vloží všechny prvky v novém poli kromě prvku, který je třeba odstranit.
Příklad: Níže uvedený příklad používá cyklus for a a nové pole k odstranění prvků z pole.
Javascript let removeElement = (array, n) =>{ let newArray = []; for (ať i = 0; i < array.length; i++) { if (array[i] !== n) { newArray.push(array[i]); } } return newArray; }; let passed_in_array = [1, 2, 3, 4, 5]; let element_to_be_removed = 2; let result = removeElement(passed_in_array, element_to_be_removed); console.log('Remaining elements: ' + result); Výstup
Remaining elements: 1,3,4,5
Metoda 8: Odeberte prvek pole pomocí metody lodash _.remove
K odstranění prvků z pole JavaScript použijte knihovnu lodash. Chcete-li používat knihovnu lodash, musíte ji nainstalovat lokálně do vašeho systému.
Příklad: Tento kód implementuje _.odstranit() metoda lodash k odstranění prvku z pole.
Javascript // Import Lodash library const _ = require('lodash'); // Declare and initialize an array let array = [101, 98, 12, -1, 848]; // using _.remove to remove odd number let evens= _.remove(array, function(n) { return n % 2 == 0; }); console.log('Remaining odd elements: ' + array); console.log('Removed even elements: ' + evens); Výstup:
Removed odd elements: 101, -1 Remaining even elements: 98, 12, 848