JavaScript Array-methoden - Deel 1

Een array is een speciaal object in JavaScript. Het slaat meerdere waarden op in één variabele.

In plaats van voor elke student aparte variabelen aan te maken: let student1 = "John"; let student2 = "David";

Gebruik een array: let students = ["John", "David", "Alex"];

Elke waarde is een element. Elk element heeft een index die begint bij 0.

• De length-property De length-property geeft het totale aantal elementen aan. Het is een property, geen functie. Gebruik geen haakjes. Correct: arr.length Fout: arr.length()

Je kunt de length aanpassen om de grootte van je array te wijzigen.

  • Het verkleinen van de length verwijdert elementen aan het einde.
  • Het vergroten van de length creëert lege plekken.

• toString() en join() Gebruik toString() om een array om te zetten in een string die gescheiden is door komma's. Gebruik join() wanneer je een aangepaste separator wilt gebruiken, zoals een koppelteken of een pipe.

• De at()-methode Deze methode geeft een element op een specifieke index terug. In tegenstelling tot de bracket-notatie, ondersteunt deze methode negatieve indexen. arr.at(-1) geeft je het laatste element.

• De pop()-methode Deze verwijdert het laatste element uit een array. Het wijzigt de originele array en geeft het verwijderde item terug.

• Array.isArray() Gebruik dit om te controleren of een waarde een array is. De typeof-operator geeft "object" terug voor arrays, wat niet erg nuttig is. Valideer je gegevens altijd met Array.isArray() voordat je een loop gebruikt.

• delete vs concat() De delete-operator verwijdert een element, maar laat een lege plek achter. Het verandert de length niet. De concat()-methode voegt arrays samen. Het wijzigt de originele arrays niet, maar geeft een nieuwe array terug.

• copyWithin() Hiermee kopieer je een deel van een array naar een nieuwe positie binnen dezelfde array. Het overschrijft bestaande elementen.

Samenvatting van de methoden:

  • length: Geeft de grootte terug.
  • toString(): Zet om naar een door komma's gescheiden string.
  • join(separator): Zet om naar een string met een aangepaste separator.
  • at(index): Haalt een element op (ondersteunt negatieve index).
  • pop(): Verwijdert het laatste element.
  • isArray(): Controleert of een waarde een array is.
  • concat(): Voegt arrays samen in een nieuwe array.
  • copyWithin(): Kopieert elementen binnen dezelfde array.

Bron: https://www.w3schools.com/js/js_array_methods.asp Volledige gids: https://dev.to/annapoo/javascript-arrays-methods-part-1-kb7