Oefeningen Arrays

Dagen van de week

Maak een array met de dagen van de week. Log elke dag van de week in de console.

Array waarde

Wat zit er in fruits op na het uitvoeren van de code? Wat gaat de boodschap zijn van de alert?

let fruits = ['Apples', 'Pear', 'Orange'];

// push a new value into the "copy"
let shoppingCart = fruits;
shoppingCart.push('Banana');

// what's in fruits?
alert(fruits.length); // ?

Multidimensional arrays

• Maak een eenvoudige tweedimensionale array genaamd matrix met 2 rijen en 3 kolommen. Vul de array met willekeurige getallen.
• Gegeven de tweedimensionale array matrix uit de vorige oefening. Schrijf een functie om een getal op te halen en te loggen op basis van de meegegeven column en row.

For of, foreach

• Gebruik for…of om elk element in de array numbers te loggen.

const numbers = [1, 2, 3, 4, 5];

• Gebruik for…of om elk karakter in de string “Hello” te loggen.
• Gebruik forEach om elk element in de array colors te loggen, samen met het bijbehorende indexnummer.

const colors = ['red', 'blue', 'green', 'yellow'];

Methods - strings

Je kan hiervoor volgende array gebruiken:

const woorden = [
  'mal',
  'snurkduif',
  'bromvlieg',
  'snottebel',
  'knotsgek',
  'pindakaas',
  'fluitketel',
  'smurfenmuts',
];

• Maak een string door alle elementen in de array te verbinden met een koppelteken.
• Controleer of ten minste één woord in de array begint met de letter “B”.
• Voeg het woord “Hello” toe aan het begin van de array.
• Controleer of alle woorden in de array meer dan twee letters hebben.
• Sorteer de array in oplopende volgorde.
• Haal het element op de derde positie in de array op.
• Filter de woorden die langer zijn dan vier letters uit de array.

Methods - numbers

const willekeurigeGetallen = [23, 7, 45, 12, 87, 3, 56, 19, 34, 91];

of gebruik deze code:

// Genereer een array met 10 willekeurige getallen tussen 1 en 100`
const willekeurigeGetallen = Array.from(
  { length: 10 },
  () => Math.floor(Math.random() * 100) + 1
);
console.log(willekeurigeGetallen);

• Filter de getallen groter dan 10 uit de array.
• Verwijder het laatste element uit de array.
• Verwijder het eerste element uit de array.
• Voeg het getal 5 toe aan het einde van de array.
• Controleer of alle getallen in de array kleiner zijn dan 20.
• Maak een string door alle elementen in de array te verbinden met een spatie.
• Tel alle getallen in de array op.
• Verdubbel elk getal in de array.
• Controleer of ten minste één getal in de array groter is dan 30.

Methods - subarrays

const willekeurigeNamenArray = [
  ['Alice', 'Bob', 'Charlie'],
  ['David', 'Eva', 'Frank'],
  ['Grace', 'Hank', 'Ivy'],
  ['Jack', 'Kelly', 'Liam']
];

console.log(willekeurigeNamenArray);

• Maak een nieuwe array die alle subarrays flat maakt.
• Verdubbel elk getal en maak een nieuwe array door alle subarrays te flatten.
• Verwijder het eerste element uit elke subarray.
• Verwijder het laatste element uit de array.

Optellen arrays

Schrijf een functie die twee arrays met getallen optelt. De functie moet een nieuwe array teruggeven met de som van de overeenkomstige getallen in de twee arrays.

// Voorbeeld antwoord
const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const result = [5, 7, 9];

Langste woord in array

Maak een array met woorden en schrijf een script dat de langste string in de array vindt.

let woordenArray = ['appel', 'peer', 'kiwi', 'banaan'];
let langsteWoord = console.log(langsteWoord); // schrijf hier de logica om het langste woord te vinden // geeft 'banaan'

Even getallen filteren

Schrijf een functie die alle even getallen uit een array filtert en een nieuwe array teruggeeft met enkel de even getallen.

function filterEvenGetallen(getallen) {
  // Implementeer de logica hier
}

let willekeurigeGetallen = [3, 8, 15, 6, 10, 7];
let evenGetallen = filterEvenGetallen(willekeurigeGetallen);
console.log(evenGetallen); // geeft [8, 6, 10]

Advanced

Sorteren op object eigenschap

Schrijf een functie die een array van objecten sorteert op basis van een eigenschap van het object.

function sorterenOpEigenschap(objecten, eigenschap) {
  // Implementeer de logica hier
}
let objectenArray = [
  { naam: 'Anna', leeftijd: 30 },
  { naam: 'Bob', leeftijd: 25 },
  { naam: 'Charlie', leeftijd: 35 },
];
let gesorteerdOpNaam = sorterenOpEigenschap(objectenArray, 'naam');

Kruiswoordraadsel

Schrijf een script dat een kruiswoordraadsel en een lijst met woorden krijgt. Controleer of de woorden uit de lijst in het kruiswoordraadsel passen op de beschikbare posities. Geef de geldige combinaties terug in een lijst. Bijv. Horizontaal - (0,0: Happy }

// Voorbeeld antwoord
function kruiswoordChecker(kruiswoord, woordenlijst) {
  // Implementeer de logica hier
}

let kruiswoord = [
  ['h', 'a', 'p', 'p', 'y'],
  ['e', ' ', ' ', ' ', ' '],
  ['l', ' ', 'a', 'c', 'e'],
  ['l', ' ', ' ', ' ', ' '],
  ['o', ' ', ' ', ' ', ' '],
];

let woordenlijst = ['hello', 'ace', 'happy'];
console.log(kruiswoordChecker(kruiswoord, woordenlijst));

Webpagina-interactie:

Bouw een eenvoudige webpagina met een invoerveld en een lijst. Schrijf JavaScript-code om gebruikersinvoer te verwerken, gegevens toe te voegen aan de lijst en de lijst op de webpagina bij te werken.

<!-- Voorbeeld HTML -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Webpagina-interactie</title>
  </head>
  <body>
    <input type="text" id="invoerveld" placeholder="Voeg iets toe" />
    <button onclick="voegToeAanLijst()">Voeg toe</button>
    <ul id="mijnLijst"></ul>
    <script src="script.js"></script>
  </body>
</html>

// Voorbeeld JavaScript (script.js)
function voegToeAanLijst() {
  // Implementeer de logica om gegevens toe te voegen aan de lijst
}

2D-array transponeren

Schrijf een functie die een 2D-array transponeert (spiegelt rond diagonaal).

// Voorbeeld antwoord
function transpose(matrix) {
  // Implementeer de logica hier
}
let voorbeeldMatrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9],
];
console.log(transponeerMatrix(voorbeeldMatrix)); // geeft [[1, 4, 7], [2, 5, 8], [3, 6, 9]]

Fibonacci

Implementeer een recursieve functie om de Fibonacci-reeks te genereren tot een opgegeven limiet.

// Voorbeeld antwoord
function fibonacci(limiet, reeks = [0, 1]) {
  // Implementeer de logica hier
}
console.log(fibonacci(10)); // geeft [0, 1, 1, 2, 3, 5, 8]