Good Mood

Samenvatting: Deze tutorial laat u zien hoe u de JavaScript Array ‘ s splice() methode gebruikt om bestaande elementen te verwijderen, nieuwe elementen in te voegen en elementen in een array te vervangen.

JavaScript Array type biedt een zeer krachtige splice() methode waarmee u nieuwe elementen in het midden van een array kunt invoegen. U kunt deze methode echter ook gebruiken om bestaande elementen te verwijderen en te vervangen.,

elementen verwijderen met behulp van de splice () – methode van JavaScript Array

om elementen in een array te verwijderen, geeft u als volgt twee argumenten door aan de splice() methode:

Code language: JavaScript (javascript)

de position specificeert de positie van het eerste te verwijderen item en het num argument bepaalt het aantal elementen dat moet worden verwijderd.

de splice() methode verandert de oorspronkelijke array en geeft een array terug die de verwijderde elementen bevat.

laten we eens kijken naar het volgende voorbeeld.,

stel dat u een array scores hebt die vijf getallen van 1 tot 5 bevat.

Code language: JavaScript (javascript)

het volgende statement verwijdert drie elementen van de scores array vanaf het eerste element.

Code language: JavaScript (javascript)

De scores array bevat nu twee elementen.

Code language: JavaScript (javascript)

en de deletedScores array bevat drie elementen.

Code language: JavaScript (javascript)

de volgende figuur illustreert de scores.splice(0,3) methodeaanroep hierboven.,

elementen invoegen met behulp van JavaScript Array splice() methode

u kunt een of meer elementen in een array invoegen door drie of meer argumenten door te geven aan de splice() methode met het tweede argument is nul.

overweeg de volgende syntaxis.

Code language: JavaScript (javascript)

In deze syntaxis:

• De position specificeert de startpositie in de array die de nieuwe elementen zullen worden ingevoegd.,
• het tweede argument is nul (0) dat de splice() methode instrueert om geen array-elementen te verwijderen.
• het derde argument, vierde argument, enzovoort zijn de nieuwe elementen die in de array worden ingevoegd.

merk op dat de splice() methode feitelijk de oorspronkelijke array verandert. Ook verwijdert de splice() geen elementen, daarom geeft het een lege array terug. Bijvoorbeeld:

aangenomen dat u een array hebt met de naam colors met drie strings.,

Code language: JavaScript (javascript)

de volgende verklaring voegt één element in na het tweede element.

Code language: JavaScript (javascript)

de colors array heeft nu vier elementen met het nieuwe element ingevoegd in de tweede positie.

Code language: JavaScript (javascript)

de volgende figuur toont bovenstaande methodeaanroep.,

u kunt meer dan één element invoegen door het vierde argument, het vijfde argument, enzovoort, door te geven aan de methode splice() zoals in het volgende voorbeeld.

Code language: JavaScript (javascript)

elementen vervangen met behulp van JavaScript Array splice() methode

met de splice() methode kunt u nieuwe elementen in een array invoegen terwijl bestaande elementen tegelijkertijd worden verwijderd.,

om dit te doen, geeft u ten minste drie argumenten door met de tweede die het aantal te verwijderen items specificeert en de derde die de in te voegen elementen aangeeft.

merk op dat het aantal te verwijderen elementen niet hetzelfde hoeft te zijn als het aantal in te voegen elementen.

stel dat u een array van programmeertalen met vier elementen als volgt hebt:

Code language: JavaScript (javascript)

het volgende statement vervangt het tweede element door een nieuw element.,

Code language: JavaScript (javascript)

de languages array heeft nu nog steeds vier elementen met het nieuwe tweede argument is 'Python' in plaats van 'C++'.

Code language: JavaScript (javascript)

de volgende figuur illustreert de methodeaanroep hierboven.,

U kunt de plaats van een element met meerdere elementen door meer argumenten in de splice() methode als volgt:

Code language: JavaScript (javascript)

De instructie verwijdert een element uit het tweede element ofwel, Java en voegt drie nieuwe elementen in de languages array. Het resultaat is als volgt.,

Code language: JavaScript (javascript)

In deze handleiding hebt u geleerd hoe u de JavaScript-Array splice() methode kunt gebruiken om bestaande elementen te verwijderen, nieuwe elementen in te voegen en elementen in een array te vervangen.