Array-elementen invoegen en verwijderen

Één van de datastructuren in JavaScript is de Array. Dat is een lijst met gegevens met een naam en een index. Anders dan de meeste andere programmeer- en scripttalen mag elk element in de lijst van een ander type zijn. Het ene element kan een string zijn, het volgende een getal (Number-object), dan weer een Image-object, enzovoort.

De array is dus heel veelzijdig. Het is daarom handig om te weten wat je allemaal met arrays kunt doen. Dat is veel meer dan je zou verwachten.

• Properties en Methods voor het beheren van arrays
• De property length geeft het aantal elementen in een array, bijvoorbeeld:
  var abcd = new Array(17);
var aa = abcd.length;
  De waarde van aa is 17.
• Met length kun je ook de lengte van een array instellen:
  var abcd = new Array(17);
abcd.length = 22;
  De array bevat nu 22 elementen. De 5 nieuwe elementen in de array hebben geen waarde. Ze zijn "undefined"
• Je kunt length ook gebruiken om een array korter te maken, bijvoorbeeld:
  var abcd = new Array(17);
abcd.length = 12;
  De laatste vijf elementen van de array zijn nu verwijderd.
  
• De method pop() verwijdert het laatste element van een array en geeft dat element terug:
  var abcd = ["Opel","BMW","Audi"];
var aa = abcd.pop()
  De waarde van abcd is nu "Opel","BMW"; de waarde van aa is "Audi".
• De method push() voegt een element toe aan het einde van een array en geeft de nieuwe lengte terug:
  var abcd = ["Opel","BMW","Audi"];
var aa = abcd.push("Trabant")
  De waarde van abcd is nu "Opel","BMW","Audi","Trabant"; De waarde van aa is nu 4 (was 3).
   
• De method shift() verwijdert het eerste element van een array en geeft dat element terug:
  var abcd = ["Opel","BMW","Audi"];
var aa = abcd.shift()
  De waarde van abcd is nu "BMW","Audi"; de waarde van aa is "Opel".
• De method unshift() voegt een element toe aan het begin van een array en geeft de nieuwe lengte terug:
  var abcd = ["Opel","BMW","Audi"];
var aa = abcd.unshift("Trabant")
  De waarde van abcd is nu "Trabant","Opel","BMW","Audi"; De waarde van aa is nu 4 (was 3).
   
• De method splice() verwijdert elementen uit een array en/of voegt nieuwe elementen in. Daarvoor heeft splice() minstens twee parameters:
  • index. Deze parameter is verplicht. Het is de index in de array waar ingevoegd en/of verwijderd wordt. Er geldt dat 0 ≤ abs(index) < length. Als je abs(index) > length kiest, doet splice() niets.
    Je kunt voor index ook een negatief getal invullen. Dan wordt geteld vanaf het laatste element.
  • aantal_verwijderen. Deze parameter is verplicht. Het is het aantal elementen dat wordt verwijderd uit de array, gerekend vanaf index. Als je alleen elementen in de array wilt invoegen zet je aantal_verwijderen op nul.
  • invoegen_1, invoegen_2, invoegen_3, enz. Deze parameters zijn optioneel. Het zijn de elementen die je invoegt vanaf index.
   
• Voorbeeld:
  var abcd = ["Opel","BMW","Audi","Trabant"];
abcd.splice(2,1)
  Nu is abcd = "Opel","BMW","Trabant". (Één element is verwijderd op index 2.)
• Voorbeeld:
  var abcd = ["Opel","BMW","Audi","Trabant"];
abcd.splice(1,2,"Renault","Citroen","Peugeot")
  Nu is abcd = "Opel","Renault","Citroen","Peugeot","Trabant". (Twee elementen zijn verwijderd op index 1; 3 elementen zijn daar ingevoegd).

Tenslotte:
Het bovenstaande is maar een deel van wat je met arrays kunt doen. Het item Werken met Arrays bevat links naar pagina's waar meer informatie te vinden is.