Verschillende manieren om een item uit een array te verwijderen met behulp van JavaScript
In Javascript hebben we geen array.remove()-methode om het element te verwijderen. we zullen een array hebben en we moeten een bepaald item uit die array verwijderen en de resulterende array in de console retourneren.
Dit zijn de volgende methoden om dit probleem op te lossen:
Inhoudsopgave
- Gebruik for loop en push() Methode
- Met behulp van de Pop()-methode
- Met behulp van de shift()-methode
- Met behulp van de splice()-methode
- Met behulp van filter() Methode
- Met behulp van de verwijderoperator
- Met behulp van de Lodash _.remove()-methode
Opmerking: Er zijn enkele andere methoden die zijn gemaakt door ingebouwde JavaScript-methoden.
Methode 1: Gebruik makend van for loop En duw () Methode
Deze methode zal de oorspronkelijke array niet muteren. Eerst moet je een lege() array maken en dan de nieuwe array doorlopen en alleen die elementen pushen die je wilt.
Voorbeeld: Dit voorbeeld toont de hierboven uiteengezette aanpak.
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);> |
Uitvoer
[ 'gfg', 'GFG', 'g', 'techcodeview.com' ] [ 'gfg', 'g', 'techcodeview.com' ]
Methode 2: Gebruiken Pop()-methode
Deze methode wordt gebruikt om het laatste element van de array te verwijderen en het verwijderde item als uitvoer terug te sturen. Als u het element verwijdert, wordt de lengte van de array kleiner.
Voorbeeld: In dit voorbeeld wordt de methode pop() gebruikt voor het verwijderen van het element van een array.
Javascript
function> myFunc() {> > let arr = [> 'gfg'> ,> 'GFG'> ,> 'g'> ,> 'techcodeview.com'> ];> > let name = arr.pop();> > console.log(name);> > console.log(arr.length)> }> myFunc();> |
Uitvoer
techcodeview.com 3
Methode 3: Gebruiken shift() Methode
Deze methode wordt gebruikt om een element aan het begin van een array te verwijderen. Deze methode wordt gebruikt om het eerste element van een array te retourneren. Het verkleint ook de lengte van de oorspronkelijke array.
Voorbeeld: In dit voorbeeld wordt de methode shift() gebruikt voor het verwijderen van het eerste element van een array.
Javascript
function> myFunc() {> > let arr = [> 'gfg'> ,> 'GFG'> ,> 'g'> ,> 'techcodeview.com'> ];> > let name = arr.shift();> > console.log(name);> > console.log(arr.length)> }> myFunc();> |
Uitvoer
gfg 3
Methode 4: Gebruiken splice() Methode
Deze methode wordt gebruikt om het bestaande element te verwijderen of de inhoud van de array te vervangen door een nieuw element te verwijderen/toe te voegen.
Voorbeeld: In dit voorbeeld wordt de splice-methode gebruikt om het item uit een array te verwijderen.
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();> |
Uitvoer
[ 'grapes', 'strawberry' ] 3 [ 'apple', 'banana', 'guava' ]
Methode 5: Gebruiken filter() Methode
Deze methode retourneert de nieuwe array. De array-elementen die aan de functievoorwaarde voldoen, worden alleen doorgegeven aan de nieuwe array. Deze methode verandert de oorspronkelijke array niet.
Voorbeeld: In dit voorbeeld gebruiken we de methode filter() om een item uit een array te verwijderen.
Javascript
const arr = [2, 7, 9, 15, 19];> function> isPrime(n) {> > for> (let i = 2; n>i; ik++) {> > if> (n % i === 0) {> > return> false> ;> > }> > }> > return> n>1;> }> console.log(arr.filter(isPrime));> |
Uitvoer
[ 2, 7, 19 ]
Methode 6: Gebruiken Operator verwijderen
Deze operator wordt specifieker gebruikt om JavaScript-objecteigenschappen te verwijderen.
Voorbeeld: In dit voorbeeld gebruiken we de JavaScript-verwijderoperator om items uit een array te verwijderen.
Javascript
const arr = [2, 7, 9, 15, 19];> delete> arr[3];> console.log(arr);> |
Uitvoer
[ 2, 7, 9, , 19 ]
Methode 7: Gebruiken Lodash _.remove() Methode
De _.remove() methode wordt gebruikt om alle elementen uit de array te verwijderen waarvan het predikaat True retourneert en de verwijderde elementen retourneert.
Voorbeeld: Dit voorbeeld toont de hierboven uiteengezette aanpak.
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);> |
Uitgang:
Original Array [ 1, 3, 5 ] Removed element array [ 2, 4 ]