JavaScript Array-splitsing() Methode is een ingebouwde methode in JavaScript die wordt gebruikt om de inhoud van een array te wijzigen door bestaande elementen te verwijderen of te vervangen en/of nieuwe elementen toe te voegen. Het wijzigt de originele array en retourneert een array van de verwijderde elementen.

Array splice() Syntaxis:

Array.splice( index, remove_count, item_list )>

• inhoudsopgave: Het is een vereiste parameter. Deze parameter is de index van waaruit de wijziging van de array begint (met de oorsprong op 0). Dit kan ook negatief zijn, wat begint na veel elementen vanaf het einde.
• remove_count: Het aantal elementen dat uit de startindex moet worden verwijderd.
• items_lijst: De lijst met nieuwe items gescheiden door een komma-operator die moet worden ingevoegd vanuit de startindex.

Winstwaarde

Hoewel het de oorspronkelijke array op zijn plaats muteert, retourneert het nog steeds de lijst met verwijderde items. Als er geen verwijderde array is, retourneert het een lege array.

Array splice() Voorbeeld

Hier is het basisvoorbeeld van de Array splice()-methode.

let webDvlop = ['HTML', 'CSS', 'JS', 'Bootstrap']; console.log(webDvlop); // Add 'React_Native' and 'Php' after removing 'JS'. let removed = webDvlop.splice(2, 1, 'PHP', 'React_Native') console.log(webDvlop); console.log(removed); // No Removing only Insertion from 2nd  // index from the ending webDvlop.splice(-2, 0, 'React') console.log(webDvlop)>

[ 'HTML', 'CSS', 'JS', 'Bootstrap' ] [ 'HTML', 'CSS', 'PHP', 'React_Native', 'Bootstrap' ] [ 'JS' ] [ 'HTML', 'CSS', 'PHP', 'React', 'React_Native', 'Bootstrap' ]>

Uitleg:

Deze JavaScript-code demonstreert het manipuleren van een array `webDvlop`. In eerste instantie registreert het de inhoud van de array. Vervolgens verwijdert het JS uit index 2 en voegt het PHP en React_Native in zijn plaats in, waarbij de gewijzigde array en het verwijderde element worden geregistreerd. Ten slotte voegt het React in bij de voorlaatste index, waarbij de laatste array wordt geregistreerd.

Array splice() Voorbeeld

Hier is nog een voorbeeld van de Array splice()-methode.

let languages = ['C++', 'Java', 'Html', 'Python', 'C']; console.log(languages); // Add 'Julia' and 'Php' after removing 'Html'. let removed = languages.splice(2, 1, 'Julia', 'Php') console.log(languages); console.log(removed); // No Removing only Insertion from 2nd index from the ending languages.splice(-2, 0, 'Pascal') console.log(languages)>

[ 'C++', 'Java', 'Html', 'Python', 'C' ] [ 'C++', 'Java', 'Julia', 'Php', 'Python', 'C' ] [ 'Html' ] [ 'C++', 'Java', 'Julia', 'Php', 'Pascal', 'Python', 'C' ]>

Uitleg:

Deze JavaScript-code werkt op een array `talen`. In eerste instantie registreert het de inhoud van de array. Vervolgens verwijdert het HTML uit index 2 en voegt Julia en Php op hun plaats in, waarbij de gewijzigde array en het verwijderde element worden geregistreerd. Ten slotte voegt het Pascal in bij de voorlaatste index, waarbij de laatste array wordt geregistreerd.

We hebben een volledige lijst met Javascript Array-methoden. Om deze te controleren, kunt u deze doornemen Javascript Array Volledige referentie artikel.

Ondersteunde browsers:

• Google Chrome
• Rand
• Internet Explorer
• Firefox
• Opera
• Safari