JavaScript-verbinding

| | | | | | | | | | | | | | | | | | | | |

De methode JavaScript splices () wijzigt een array. Hiermee kunt u nieuwe elementen aan een tabel toevoegen of bestaande elementen verwijderen of wijzigen. splice () wijzigt de array waarop het wordt gebruikt. Er wordt geen nieuwe tabel gemaakt.

Het is gebruikelijk om items toe te voegen aan of te verwijderen uit een lijst met bestaande items. Stel dat u bijvoorbeeld een programma heeft dat feedback geeft van werknemers. Een medewerker is op vakantie. U kunt ze tijdelijk uit uw programma verwijderen.

U kunt splice () gebruiken om elementen toe te voegen, elementen te verwijderen of elementen in een array te wijzigen. Met deze methode kunt u elementen toevoegen aan of verwijderen uit een array. In deze zelfstudie laten we zien hoe de methode splice () werkt en hoe u deze in JavaScript-code kunt gebruiken.

Update Array

De inhoud van een array kan getallen, strings en Booleans bevatten. In JavaScript, kunt u een array gebruiken om meer informatie op te slaan in plaats van gegevens in meerdere variabelen op te slaan. Als je bijvoorbeeld een klas van tien leerlingen hebt, kun je een array maken om elk van hun namen weer te geven.

Arrays kunnen worden bekeken met behulp van hun indexnummers, die beginnen bij 0. Hier is een voorbeeldarray :

JavaScript splice ()

De JavaScript splice ()-methode voegt een element toe aan, wijzigt of verwijdert een element uit een array. splice () past een bestaande array aan

Kijk naar de syntaxis voor splice ():.

splice () accepteert drie parameters:

  • Het indexbeginnummer van (vereist)
  • het aantal array-elementen dat u wilt verwijderen (optioneel)
  • de elementen die u aan de lijst wilt toevoegen ( optioneel)

u kunt meerdere items aan een lijst toevoegen met behulp van junction. om dit te doen, moet je alle items specificeren die je als laatste parameters wilt toevoegen.

splice () JavaScript: verwijder uit deze array

We hebben een lijst met studentennamen Paul verhuisd naar een andere school en we willen hem van onze lijst met namen verwijderen. Hier is een voorbeeld van het splitsen () verwijderen van ... een naam uit onze array:

Na het uitvoeren van onze code, krijgen we de volgende uitvoer:

["Alex", "Fred", "Molly"]

We hebben het element verwijderd dat begint met index "3". In dit geval is de De JavaScript -tekenreeks die we hebben verwijderd "Paul

Als we het tweede argument uit onze code zouden verwijderen, alle elementen na de index.‚" 3 " het zou ook zijn verwijderd

JavaScript splice (). Toevoegen aan array

Als we nog een student aan onze array willen toevoegen, kunnen we ook splice () gebruiken. Als we een derde parameter toevoegen, kunnen we specificeren wat er aan de array moet worden toegevoegd. Hier is een voorbeeld:

De output van deze code is als volgt:

["Alex", "Fred", "Molly", "Paul", "Hannah"]

de nieuwe string "Hannah " is toegevoegd aan het einde van de array, op indexpositie "4." Merk op dat onze tweede parameter is ingesteld op 0 omdat we niets uit onze array verwijderen. Splice maakt het gemakkelijk om nieuwe elementen aan een array toe te voegen

We zouden kunnen toevoegen andere namen door extra parameters in onze code op te nemen:.

student var = ["Alex", "Fred", "Molly", "Paul"]

students.splice (4 , 0, "Hannah", "Lily") ;

console.log (studenten);

Deze code voegt zowel "Hannah" als "Lily" toe aan onze lijst

splice () JavaScript. Toevoegen en verwijderen uit array

Als we tegelijkertijd elementen uit een array willen toevoegen en verwijderen, kunnen we ook splice () gebruiken. Hier is een voorbeeld in actie.

De uitvoer voor deze code is als volgt:

["Alex", "Fred", "Hannah", "Paul"]

Onze code verwijderde het element uit de array met de indexwaarde "2", wat "Molly" was. Dus onze code heeft "Hannah" toegevoegd op de indexpositie van "2."

JavaScript Splice vs. Slice

Sommige ontwikkelaars raken in de war tussen JavaScript-segment ( ) en splice () omdat slice () ook kan worden gebruikt om elementen uit een array te verwijderen. Er zijn echter verschillen tussen deze twee methoden.

Ten eerste, slice () verandert de originele array niet, terwijl (zoals hierboven te zien) de junctie verandert originele vector . Bovendien retourneert splice () de nieuwe array met eventuele aangebrachte wijzigingen, terwijl splice () het verwijderde item retourneert.

Conclusie

splicing () voegt elementen toe naar, verwijdert elementen uit of wijzigt elementen in een bestaande array. U kunt zoveel elementen aan een array toevoegen of verwijderen als u wilt met splice ().

Dit is alles wat u moet weten over splice () in JavaScript. Kortom, als u een element wilt toevoegen aan of verwijderen uit JavaScript-arrays, kan splice () een handige functie zijn om te weten.

Voor meer informatie over JavaScript, lees onze gids op beste JavaScript-tutorials voor beginners .