Bij het verwerken van de gegevens in bulk kan het nodig zijn om sommige vermeldingen te verwijderen als gevolg van een update. Bijvoorbeeld het verwijderen van de waarden op basis van een bepaald attribuut of eigenschap. Dit resulteert in gemakkelijke toegang tot de relevante gegevens en het verwijderen van ongewenste invoer. In dergelijke situaties is het verwijderen van een object uit een array op basis van zijn waarde in JavaScript zeer nuttig om direct toegang te krijgen tot de gegevens en geheugen te besparen.
Dit artikel bespreekt de benaderingen voor het verwijderen van een object uit een array op basis van zijn waarde in JavaScript.
Hoe verwijder / elimineer ik een object uit een array op basis van zijn waarde in JavaScript?
Pas de volgende benaderingen toe om een object uit een array te verwijderen op basis van zijn waarde in JavaScript:
Laten we elk van de vermelde benaderingen één voor één bespreken!
Benadering 1: verwijder een object uit een array op basis van zijn waarde in JavaScript met behulp van de methoden findIndex() en splice()
De ' vindIndex() ” methode retourneert de index (positie) van het element zonder wijzigingen aan te brengen in de oorspronkelijke array. De ' splitsen() ” methode voegt de specifieke array-elementen toe of verwijdert deze en heeft ook invloed op de originele array. Deze methoden kunnen worden gebruikt om de index van het object te lokaliseren dat moet worden verwijderd. Daarna wordt het specifieke object gesplitst op basis van het opgegeven aantal.
Syntaxis
array.findIndex ( func ( currVal, index, array ) , waarde )In deze syntaxis:
- “ func ” verwijst naar de functie die moet worden aangeroepen voor elk item in een array.
- De functieparameters verwijzen naar de index van de huidige waarde in de opgegeven array.
- “ waarde ” geeft de waarde aan die moet worden doorgegeven aan de functie als “ deze ”.
array.splitsing ( index, nummer, nieuw )
In de hierboven gegeven syntaxis:
- “ inhoudsopgave ” wijst naar de positie waar de items moeten worden toegevoegd of verwijderd.
- “ op een ” staat voor het artikelnummer.
- “ nieuwe ” komt overeen met de nieuwe elementen als vervanging.
Voorbeeld
Laten we de onderstaande code volgen:
< script type = 'tekst/javascript' >laten gegevenArray = [ { leeftijd: 18 } , { leeftijd: twintig } , { leeftijd: 25 } ] ;
laten verwijderObject = gegevenArray.findIndex ( voorwerp = > {
opbrengst object.leeftijd === 18 ;
} ) ;
console.log ( 'De index van het te verwijderen object is:' , verwijderObject ) ;
gegevenArray.splitsen ( verwijderObject, 1 ) ;
console.log ( 'De array na het verwijderen van het object op waarde wordt:' , gegevenArray ) ;
script >
In het bovenstaande codefragment:
- Declareer een array van objecten met de vermelde eigenschappen.
- Koppel in de volgende stap de ' vindIndex() ” methode met de gedeclareerde array in de vorige stap.
- Dit zal leiden tot iteratie door elk element (object) in een array.
- Als gevolg hiervan wordt de index van het specifieke object uit de array weergegeven die overeenkomt met de vermelde waarde tegen de eigenschap, d.w.z. 18.
- Pas daarna de ' splitsen() ” methode door te verwijzen naar de opgehaalde index, die het specifieke object tegen die index zal verwijderen.
- Let daar op ' 1 ” specificeert het aantal objecten dat moet worden verwijderd.
- Geef ten slotte de array van het resulterende object weer.
Uitgang
In de bovenstaande uitvoer is te zien dat de index van het specifieke object wordt weergegeven en later wordt verwijderd.
Benadering 2: verwijder een object uit een array op basis van zijn waarde in JavaScript met behulp van de filter()-methode
De ' filter() ” methode creëert een nieuwe reeks items die een bepaalde test doorstaan. Deze methode kan worden toegepast om het object dat moet worden verwijderd te filteren op basis van een voorwaarde via de vergelijkingsoperator.
Syntaxis
array.filter ( func ( val ) , deze )Hier:
- “ func ” verwijst naar de functie die zal omleiden naar de functie om te filteren.
- “ val ” is de waarde van het huidige element.
- “ deze ” geeft de waarde aan die aan de functie is doorgegeven.
Voorbeeld
Laten we het onderstaande voorbeeld eens bekijken:
< script type = 'tekst/javascript' >laten gegevenArray = [ { maat: 35 } , { maat: 40 } , { maat: Vier vijf } ] ;
console.log ( 'De gegeven matrix is:' , gegevenArray )
laten newArray = gegevenArray.filter ( voorwerp = > {
opbrengst object.grootte ! == Vier vijf ;
} ) ;
console.log ( 'De array na het verwijderen van het object op waarde wordt:' , nieuweArray ) ;
script >
Pas de volgende stappen toe, zoals aangegeven in de bovenstaande coderegels:
- Declareer op dezelfde manier een reeks objecten en geef deze weer.
- Pas daarna de ' filter() ” methode door te verwijzen naar de elementen (objecten).
- Filter nu de bijbehorende array zodanig dat er een nieuwe array wordt gevormd op basis van de vervulde voorwaarde via de ' niet gelijk(!==) ” vergelijkingsoperator.
- Geef ten slotte de gefilterde array weer.
Uitgang
De bovenstaande uitvoer geeft aan dat de nieuwe reeks gefilterde objecten is gevormd.
Benadering 3: verwijder een object uit een array op basis van zijn waarde in JavaScript met behulp van de pop()-methode
De ' knal() ” methode elimineert het laatste element in een array en beïnvloedt ook de originele array. Deze methode kan worden gebruikt om een bepaald object uit de array te halen en een bijgewerkte array te maken met het verwijderde object.
Voorbeeld
Het onderstaande voorbeeld illustreert het besproken concept:
< script type = 'tekst/javascript' >laten gegevenArray = [ { naam: 'Harry' } , { naam: 'David' } ]
laten newArray = gegevenArray.pop ( voorwerp = > {
opbrengst object.naam = 'Harry'
} )
console.log ( 'De array na het verwijderen van het object op waarde wordt:' , nieuweArray ) ;
script >
In het bovenstaande codefragment:
- Declareer op dezelfde manier een reeks objecten met de vermelde eigenschappen.
- Pas in de volgende stap de ' knal() ” Methode om het specifieke object met de opgegeven waarde te verwijderen uit de eigenschap ' naam ”.
- Als gevolg hiervan blijft er slechts één object over in de resulterende array ' nieuwArr ”.
- Geef ten slotte de array van het bijgewerkte object weer, d.w.z. newArr.
Uitgang
De bovenstaande uitvoer geeft aan dat aan de gewenste eis is voldaan.
Conclusie
De ' vindIndex() ' en ' splitsen() ” methoden, de “ filter() ” methode, of de “ knal() ” methode kan worden toegepast om een object uit een array te verwijderen door zijn waarde in JavaScript. Deze benaderingen verwijderen een bepaald object op basis van indexering, filteren het via de operator niet gelijk aan (!==) of plaatsen het simpelweg op een voorwaarde. In dit artikel worden de benaderingen uitgelegd voor het verwijderen/elimineren van een object uit een array op basis van de waarde ervan met behulp van JavaScript.