Meestal is er dan geen behoefte aan het manipuleren van een array die uit het niets komt. Er zijn verschillende methoden voor dergelijke manipulaties, waaronder de methode voor het verwijderen van een element. In dit artikel zal ik je door verschillende methoden leiden om elementen uit een array in . Hieronder volgen de tips waar dit artikel zich op zal richten:
- Pop-methode
- Shift-methode
- Splice-methode
- Splitsing voor een reeks elementen
- Verwijder elementen op waarde
- Verwijder een reeks elementen op waarde
- Array-filtermethode
Laten we dan beginnen,
Elementen verwijderen uit een array in JavaScript
Pop-methode
De pop () - methode verwijdert het element van het einde van een array, net als bij een stapel. De methode push () voegt daarentegen een element toe aan het einde van een array.De methoden implementeren het concept van LIFO (Last-In-First-Out).
['Rock', 'Metal', 'Blues', 'Jazz'] list.pop () ['Rock', 'Metal', 'Blues']
De code verwijdert het laatste element in de array, namelijk 'Jazz'.De methode push () voegt het element weer toe aan de array.
Shift-methode: elementen uit een array in JavaScript verwijderen
De methode shift () verwijdert het element vanaf het begin van een array. De methode unshift () voegt het element daarentegen weer toe aan het begin van de array.
['Rock', 'Metal', 'Blues', 'Jazz'] list.shift () ['Metal', 'Blues', 'Jazz']
De code verwijdert het eerste element, d.w.z. Rock, uit de array.Bij gebruik van de unshift () methode, zal 'Rock' weer aan de array worden toegevoegd.
Splice-methode
De methode splice () verwijdert een bepaald of een selectief deel van de array.Het blijkt een vindingrijke methode te zijn voor het verwijderen, vervangen of toevoegen van elementen aan de array.
['Rock', 'Metal', 'Blues', 'Jazz'] list.splice (2, 1) // Verwijder vanaf indexpositie 2 één element ['Rock', 'Metal', 'Jazz'] lijst .splice (2,2) // Verwijder vanaf indexpositie 2 twee elementen ['Rock', 'Metal']
In het bovenstaande voorbeeld verwijdert de slice-methode de elementen volgens de gespecificeerde index.
'Blues' is verwijderd uit het eerste voorbeeld omdat het op index 2 is geplaatst.
In het tweede voorbeeld worden twee elementen, namelijk 'Blues' en 'Jazz' verwijderd, aangezien de index specificeert dat 2 elementen verwijderd moeten worden, beginnend bij index 2.
Opgemerkt moet worden dat arrays nul-geïndexeerd zijn in JavaScript.
Verderop met dit artikel over het verwijderen van elementen uit een array in JavaScript,
Splitsing voor een reeks elementen
Het is aannemelijk om opeenvolgende elementen te verwijderen met de methode splice ():
['Rock', 'Metal', 'Blues', 'Jazz'] list.splice (0, 2) // Verwijder twee elementen vanaf indexpositie 0 ['Blues', 'Jazz']
De code verwijdert de waarden die worden genoemd in de splice-methode.
Elementen op waarde verwijderen: elementen uit een array in JavaScript verwijderen,
We kunnen met splice () naar een element zoeken en het achtereenvolgens verwijderen.Deze methode kan worden gecombineerd met de opdracht indexOf (), die de eerste index retourneert waarop een bepaald element kan worden gevonden. Als het element niet wordt gevonden, retourneert het -1 als uitvoer.
In het volgende voorbeeld verwijderen we het element “Blues”:
['Rock', 'Metal', 'Blues', 'Jazz'] // Zoek de indexpositie van 'Blues' en verwijder een element uit die positielijst.splice (list.indexOf ('Blues'), 1)De code verwijdert het element “Blues”, na het achterhalen van de indexpositie van het element.
Verwijder een reeks elementen op waarde
Met JavaScript kunnen we meerdere elementen uit de array verwijderen.
['Rock', 'Metal', 'Blues', 'Blues', 'Jazz'] voor (var i = list.length-1 i -) {if (list [i] === 'Blues') lijst .splice (i, 1)} ['Rock', 'Metal', 'Jazz']De code verwijdert alle exemplaren van het element “Blues”.
Laten we beginnen met het laatste deel van dit artikel over het verwijderen van elementen uit een array in JavaScript,
Array-filtermethode
In plaats van de array waarop het werd aangeroepen te muteren, maakt filter () een nieuwe array aan.Het heeft een enkele parameter, bekend als de callback-methode. De callback-methode wordt geactiveerd wanneer de filtermethode zich herhaalt over de elementen van de array.
Het geeft drie waarden door aan de callback:
breidt zich uit en implementeert samen in java
- De huidige waarde
- De huidige array-index
- De volledige reeks
Het retourneert twee waarden: true of false. Elementen die true retourneren, worden toegevoegd aan de nieuwe array die is gemaakt door de filter ().
var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0] var gefilterd = array.filter (functie (waarde, index, arr) {retourwaarde> 4}) // gefilterd = > [5,6, 7, 8, 9]De gefilterde array bestaat uit de elementen die waar blijken te zijn.
Het verwijderen van elementen uit een array kan een beetje vervelend van aard zijn, maar in feite zijn deze methoden het meest efficiënt en vindingrijk.
Hiermee komen we aan het einde van deze blog over ‘Elementen verwijderen uit een array in JavaScript’. Ik hoop dat je dit informatief en nuttig vond, blijf op de hoogte voor meer tutorials over vergelijkbare onderwerpen. Je kunt ook ons trainingsprogramma bekijken.o diepgaande kennis opdoen over jQuery samen met zijn verschillende toepassingen, dat kan voor live online training met 24/7 ondersteuning en levenslange toegang.
Heeft u een vraag voor ons? Noem ze in het commentaargedeelte van deze blog en we nemen zo snel mogelijk contact met je op.