Verschillende manieren om een ​​item uit een array te verwijderen met behulp van JavaScript

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.

diff-manieren-om-een-item-uit-array-te-verwijderen

Dit zijn de volgende methoden om dit probleem op te lossen:

Inhoudsopgave

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 ]