Rôzne spôsoby odstránenia položky z poľa pomocou JavaScriptu
V Javascripte nemáme žiadnu metódu array.remove() na vymazanie prvku. budeme mať pole a musíme danú položku z tohto poľa odstrániť a výsledné pole vrátiť do konzoly.
Toto sú nasledujúce metódy riešenia tohto problému:
Obsah
- Použitie cyklu for a metódy push().
- Použitie metódy Pop().
- Použitie metódy shift().
- Použitie metódy splice().
- Použitie metódy filter().
- Pomocou operátora delete
- Použitie metódy Lodash _.remove().
Poznámka: Existuje niekoľko ďalších metód, ktoré sú vytvorené pomocou vstavaných metód JavaScriptu.
Metóda 1: Použitím pre slučku a TAM () Metóda
Táto metóda nezmení pôvodné pole. Najprv musíte vytvoriť pole empty() a potom zacykliť nové pole a vložiť iba tie prvky, ktoré chcete.
Príklad: Tento príklad ukazuje vyššie vysvetlený prí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ýkon
[ 'gfg', 'GFG', 'g', 'techcodeview.com' ] [ 'gfg', 'g', 'techcodeview.com' ]
Metóda 2: Použitie Metóda Pop().
Táto metóda sa používa na odstránenie posledného prvku poľa a vrátenie vymazanej položky ako výstup. Odstránením prvku sa skráti dĺžka poľa.
Príklad: V tomto príklade sa metóda pop() používa na odstránenie prvku poľa.
Javascript
function> myFunc() {> > let arr = [> 'gfg'> ,> 'GFG'> ,> 'g'> ,> 'techcodeview.com'> ];> > let name = arr.pop();> > console.log(name);> > console.log(arr.length)> }> myFunc();> |
Výkon
techcodeview.com 3
Metóda 3: Použitie shift() metóda
Táto metóda sa používa na odstránenie prvku zo začiatku poľa. Táto metóda sa používa na vrátenie prvého prvku poľa. Znižuje tiež dĺžku pôvodného poľa.
Príklad: V tomto príklade sa metóda shift() používa na vymazanie prvého prvku poľa.
Javascript
function> myFunc() {> > let arr = [> 'gfg'> ,> 'GFG'> ,> 'g'> ,> 'techcodeview.com'> ];> > let name = arr.shift();> > console.log(name);> > console.log(arr.length)> }> myFunc();> |
Výkon
gfg 3
Metóda 4: Použitie Spice() metóda
Táto metóda sa používa na odstránenie existujúceho prvku alebo nahradenie obsahu poľa odstránením/pridaním nového prvku.
Príklad: V tomto príklade sa metóda spájania použije na odstránenie položky z poľa.
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ýkon
[ 'grapes', 'strawberry' ] 3 [ 'apple', 'banana', 'guava' ]
Metóda 5: Použitie metóda filter().
Táto metóda vráti nové pole. Tie prvky poľa, ktoré spĺňajú podmienku funkcie, sa prenesú len do nového poľa. Táto metóda nemení pôvodné pole.
Príklad: V tomto príklade použijeme metódu filter() na odstránenie položky z poľa.
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ýkon
[ 2, 7, 19 ]
Metóda 6: Použitie vymazať operátora
Tento operátor sa konkrétnejšie používa na odstránenie vlastností objektu JavaScript.
Príklad: V tomto príklade použijeme JavaScriptový operátor delete na odstránenie položiek z poľa.
Javascript
const arr = [2, 7, 9, 15, 19];> delete> arr[3];> console.log(arr);> |
Výkon
[ 2, 7, 9, , 19 ]
Metóda 7: Použitie Metóda Lodash _.remove().
The _.remove() metóda sa používa na odstránenie všetkých prvkov z poľa, ktoré predikát vráti hodnotu True a vráti odstránené prvky.
Príklad: Tento príklad ukazuje vyššie vysvetlený prí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ýkon:
Original Array [ 1, 3, 5 ] Removed element array [ 2, 4 ]