Různé způsoby odstranění položky z pole pomocí JavaScriptu
V Javascriptu nemáme žádnou metodu array.remove() pro smazání prvku. budeme mít pole a musíme z toho pole odstranit danou položku a vrátit výsledné pole v konzoli.
Toto jsou následující metody řešení tohoto problému:
Obsah
- Použití for cyklu a metody push().
- Použití metody Pop().
- Použití metody shift().
- Použití metody splice().
- Použití metody filter()
- Pomocí operátora delete
- Použití metody Lodash _.remove().
Poznámka: Existují některé další metody, které jsou vytvořeny pomocí vestavěných metod JavaScriptu.
Metoda 1: Použitím pro smyčku a TAM () Metoda
Tato metoda nezmění původní pole. Nejprve musíte vytvořit pole empty() a poté opakovat nové pole a vložit pouze ty prvky, které chcete.
Příklad: Tento příklad ukazuje výše vysvětlený přístup.
Javascript
let arr = [> 'gfg'> ,> 'GFG'> ,> 'g'> ,> 'techcodeview.com'> ];> const arrayWithoutGFG = [];> for> (let i = 0; i if (arr[i] !== 'GFG') { arrayWithoutGFG.push(arr[i]); } } // arr is same console.log(arr); console.log(arrayWithoutGFG);> |
Výstup
[ 'gfg', 'GFG', 'g', 'techcodeview.com' ] [ 'gfg', 'g', 'techcodeview.com' ]
Metoda 2: Použití Metoda Pop().
Tato metoda se používá k odstranění posledního prvku pole a vrácení odstraněné položky jako výstupu. Odstraněním prvku se zkrátí délka pole.
Příklad: V tomto příkladu je metoda pop() použita k odstranění prvku pole.
Javascript
function> myFunc() {> > let arr = [> 'gfg'> ,> 'GFG'> ,> 'g'> ,> 'techcodeview.com'> ];> > let name = arr.pop();> > console.log(name);> > console.log(arr.length)> }> myFunc();> |
Výstup
techcodeview.com 3
Metoda 3: Použití metoda shift().
Tato metoda se používá k odstranění prvku ze začátku pole. Tato metoda se používá k vrácení prvního prvku pole. Zkracuje také délku původního pole.
Příklad: V tomto příkladu je metoda shift() použita k odstranění prvního prvku pole.
Javascript
function> myFunc() {> > let arr = [> 'gfg'> ,> 'GFG'> ,> 'g'> ,> 'techcodeview.com'> ];> > let name = arr.shift();> > console.log(name);> > console.log(arr.length)> }> myFunc();> |
Výstup
gfg 3
Metoda 4: Použití metoda splice().
Tato metoda se používá pro smazání existujícího prvku nebo nahrazení obsahu pole odebráním/přidáním nového prvku.
Příklad: V tomto příkladu bude metoda splice použita k odstranění položky z pole.
Javascript
function> myFunc() {> > let myFruit = [> 'apple'> ,> 'banana'> ,> 'grapes'> ,> 'strawberry'> ];> > const removed = myFruit.splice(2, 2,> 'guava'> );> > > // Removed element in the array> > console.log(removed);> > // Length of the original array after deleting> > console.log(myFruit.length);> > // Original array after deleting the array> > console.log(myFruit);> }> myFunc();> |
Výstup
[ 'grapes', 'strawberry' ] 3 [ 'apple', 'banana', 'guava' ]
Metoda 5: Použití filtr() metoda
Tato metoda vrátí nové pole. Ty prvky pole, které splňují podmínku funkce, jsou pouze předány novému poli. Tato metoda nemění původní pole.
Příklad: V tomto příkladu použijeme metodu filter() k odstranění položky z pole.
Javascript
const arr = [2, 7, 9, 15, 19];> function> isPrime(n) {> > for> (let i = 2; n>i; i++) {> > if> (n % i === 0) {> > return> false> ;> > }> > }> > return> n>1;> }> console.log(arr.filter(isPrime));> |
Výstup
[ 2, 7, 19 ]
Metoda 6: Použití smazat operátora
Tento operátor se konkrétněji používá k odstranění vlastností objektu JavaScript.
Příklad: V tomto příkladu použijeme JavaScriptový operátor delete k odstranění položek z pole.
Javascript
const arr = [2, 7, 9, 15, 19];> delete> arr[3];> console.log(arr);> |
Výstup
[ 2, 7, 9, , 19 ]
Metoda 7: Použití Metoda Lodash _.remove().
The metoda _.remove(). se používá k odstranění všech prvků z pole, jehož predikát vrací True a vrací odstraněné prvky.
Příklad: Tento příklad ukazuje výše vysvětlený přístup.
Javascript
const _ = require(> 'lodash'> );> let arr = [1, 2, 3, 4, 5];> let even = _.remove(arr,> function> (n) {> > return> n % 2 == 0;> });> console.log(> 'Original Array '> , arr);> console.log(> 'Removed element array '> , even);> |
Výstup:
Original Array [ 1, 3, 5 ] Removed element array [ 2, 4 ]