Leer Werken met Array-Elementen

Je weet al hoe je arrays maakt, maar wat doe je als je baas je vraagt om het eerste of laatste element uit de array te verwijderen? Of misschien een element toe te voegen aan de array? Wat als je de lengte van de array moet bepalen (het aantal elementen in de array)? Dan zeg je dat je niet weet hoe je dat moet doen, en loop je het risico ontslagen te worden 😩.

Maar maak je geen zorgen! In dit hoofdstuk leer je hoe je dit doet en bekijken we de basis methoden voor het werken met arrays!

Elementen toevoegen aan een array

Laten we beginnen met het eenvoudigste: hoe voeg je een element toe aan een array? Hiervoor kun je de push-methode gebruiken! Bekijk het volgende voorbeeld:


              123
            
let numbers: number[] = [1, 2, 3];
let newLength = numbers.push(4);
console.log(numbers);

We hebben dus een element toegevoegd aan de numbers array. Je kunt ook meerdere elementen tegelijk toevoegen met de push-methode:


              123
            
let numbers: number[] = [1, 2, 3];
let newLength = numbers.push(4, 5);
console.log(numbers);

Het laatste element verwijderen

Indien het nodig is om stilletjes het laatste element uit de array te verwijderen, kan dit met de pop()-methode. Deze methode verwijdert het laatste element uit de array en geeft dit terug. Bekijk het volgende voorbeeld:


              1234
            
let numbers: number[] = [1, 2, 3];
let lastElement = numbers.pop();
console.log(`array after modifying: ${numbers}`);
console.log(`the last element was ${lastElement}`);

Let op dat het retourneren van een waarde betekent dat deze aan een andere variabele wordt toegekend. We wijzen dus een waarde toe aan een variabele met behulp van een arraymethode. In de volgende sectie bespreken we wat methoden, functies en hun verschillen zijn.

Het eerste element verwijderen

De shift()-methode verwijdert het eerste element van de array en retourneert de waarde ervan, bijvoorbeeld:


              123
            
let numbers: number[] = [1, 2, 3];
let firstElement = numbers.shift();
console.log(`numbers: ${numbers}, deleted element: ${firstElement}`);

Er is ook een reverse-methode die daarentegen één of meer elementen aan het begin van de array toevoegt en de nieuwe lengte van de array retourneert, bijvoorbeeld:


              123
            
let numbers: number[] = [2, 3, 4];
let newLength = numbers.unshift(0, 1);
console.log(`numbers: ${numbers} with length: ${newLength}`);

Arrays combineren

TypeScript maakt het ook mogelijk om twee arrays te combineren met de concat()-methode, die een nieuwe, grotere array retourneert:


              1234
            
let array1: number[] = [1, 2];
let array2: number[] = [3, 4];
let combinedArray = array1.concat(array2); 
console.log(`combined array = ${combinedArray}`);

Het is ook mogelijk om een gedeelte van een array te extraheren en op te slaan in een nieuwe array met behulp van de slice()-methode. Hierbij moeten de indexen van de uiterste elementen worden opgegeven en alle elementen tussen deze indexen worden overgebracht naar een nieuwe array. Bijvoorbeeld:


              123
            
let numbers: number[] = [1, 2, 3, 4, 5];
let slicedArray = numbers.slice(1, 4); 
console.log(`sliced array = ${slicedArray}`);

Opmerking

De slicedArray bevat elementen van index 1 (inclusief) tot index 4 (exclusief), dus het omvat de elementen met indexen 1, 2 en 3.

Dit zijn niet alle methoden en manieren om met arrays te werken, maar dit zijn de basis methoden die een beginner moet kennen. Naarmate je verder komt met het leren van TypeScript, zul je nieuwe methoden ontdekken, of misschien is wat we in dit hoofdstuk hebben behandeld al voldoende voor jou.

1. Wat doet de methode `push` wanneer deze wordt toegepast op een array in TypeScript?

2. Welke methode wordt gebruikt om het eerste element uit een array in TypeScript te verwijderen?

Was alles duidelijk?

Bedankt voor je feedback!

Sectie 3. Hoofdstuk 2

Vraag AI

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Suggested prompts:

Can you explain the difference between push and unshift?

How do I find the length of an array in TypeScript?

What happens if I use pop or shift on an empty array?

Awesome!

Completion rate improved to 2.94

Veeg om het menu te tonen

Maar maak je geen zorgen! In dit hoofdstuk leer je hoe je dit doet en bekijken we de basis methoden voor het werken met arrays!

Elementen toevoegen aan een array

Laten we beginnen met het eenvoudigste: hoe voeg je een element toe aan een array? Hiervoor kun je de push-methode gebruiken! Bekijk het volgende voorbeeld:


              123
            
let numbers: number[] = [1, 2, 3];
let newLength = numbers.push(4);
console.log(numbers);

We hebben dus een element toegevoegd aan de numbers array. Je kunt ook meerdere elementen tegelijk toevoegen met de push-methode:


              123
            
let numbers: number[] = [1, 2, 3];
let newLength = numbers.push(4, 5);
console.log(numbers);

Het laatste element verwijderen


              1234
            
let numbers: number[] = [1, 2, 3];
let lastElement = numbers.pop();
console.log(`array after modifying: ${numbers}`);
console.log(`the last element was ${lastElement}`);

Het eerste element verwijderen

De shift()-methode verwijdert het eerste element van de array en retourneert de waarde ervan, bijvoorbeeld:


              123
            
let numbers: number[] = [1, 2, 3];
let firstElement = numbers.shift();
console.log(`numbers: ${numbers}, deleted element: ${firstElement}`);

Er is ook een reverse-methode die daarentegen één of meer elementen aan het begin van de array toevoegt en de nieuwe lengte van de array retourneert, bijvoorbeeld:


              123
            
let numbers: number[] = [2, 3, 4];
let newLength = numbers.unshift(0, 1);
console.log(`numbers: ${numbers} with length: ${newLength}`);

Arrays combineren

TypeScript maakt het ook mogelijk om twee arrays te combineren met de concat()-methode, die een nieuwe, grotere array retourneert:


              1234
            
let array1: number[] = [1, 2];
let array2: number[] = [3, 4];
let combinedArray = array1.concat(array2); 
console.log(`combined array = ${combinedArray}`);


              123
            
let numbers: number[] = [1, 2, 3, 4, 5];
let slicedArray = numbers.slice(1, 4); 
console.log(`sliced array = ${slicedArray}`);

Opmerking

De slicedArray bevat elementen van index 1 (inclusief) tot index 4 (exclusief), dus het omvat de elementen met indexen 1, 2 en 3.

1. Wat doet de methode `push` wanneer deze wordt toegepast op een array in TypeScript?

2. Welke methode wordt gebruikt om het eerste element uit een array in TypeScript te verwijderen?

Was alles duidelijk?

Bedankt voor je feedback!

Sectie 3. Hoofdstuk 2

Werken met Array-Elementen

Elementen toevoegen aan een array

Het laatste element verwijderen

Het eerste element verwijderen

Arrays combineren

1. Wat doet de methode push wanneer deze wordt toegepast op een array in TypeScript?

2. Welke methode wordt gebruikt om het eerste element uit een array in TypeScript te verwijderen?

Awesome!

Werken met Array-Elementen

Elementen toevoegen aan een array

Het laatste element verwijderen

Het eerste element verwijderen

Arrays combineren

1. Wat doet de methode push wanneer deze wordt toegepast op een array in TypeScript?

2. Welke methode wordt gebruikt om het eerste element uit een array in TypeScript te verwijderen?

1. Wat doet de methode `push` wanneer deze wordt toegepast op een array in TypeScript?

1. Wat doet de methode `push` wanneer deze wordt toegepast op een array in TypeScript?