Destructuring met Arrays

Gegeven de array letters, gebruik array destructuring om de waarden van het eerste, tweede en derde element toe te kennen aan de variabelen firstLetter, secondLetter en thirdLetter. Log vervolgens deze variabelen in de console.

const letters = ["A", "B", "C"];

Destructuring met Geneste Arrays

Gegeven de geneste array matrix, gebruik array destructuring om de waarden van het eerste element van de eerste array (1), het tweede element van de tweede array (5), en het derde element van de derde array (9) toe te kennen aan de variabelen a, b en c. Log vervolgens deze variabelen in de console.

const matrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9],
];

Destructuring en Swap

Gegeven de variabelen x en y, gebruik destructuring om de waarden van x en y om te wisselen zonder een tijdelijke variabele te gebruiken. Log vervolgens de nieuwe waarden van x en y in de console.

let x = 5;
let y = 10;

// schrijf hier je code om x en y om te wisselen

console.log(x, y); // Output: 10 5

Destructuring met Strings

Gegeven de string sentence, gebruik string destructuring om de waarden van de eerste letter ("T") en de rest van de letters ("his is a sentence.") toe te kennen aan de variabelen firstLetter en restOfSentence. Log vervolgens deze variabelen in de console.

const sentence = "This is a sentence.";
// schrijf hier je code om de eerste letter en de rest van de letters toe te kennen aan variabelen
console.log(firstLetter, restOfSentence.join("")); // Output: T his is a sentence.

Destructuring in Functies

Maak een functie multiply die een array van getallen accepteert als parameter. Gebruik array destructuring in de parameterlijst om de waarden van het eerste en tweede element toe te kennen aan de variabelen a en b. Vermenigvuldig vervolgens deze getallen en log het resultaat in de console.

// Voorbeeldgebruik:
multiply([3, 5]); // Output: 15
multiply([7, 2]); // Output: 14

Destructuring en Rest Parameter

Gegeven de array numbers, gebruik array destructuring met de rest parameter om het eerste getal toe te kennen aan de variabele first, het tweede getal aan second, en de rest van de getallen aan de variabele rest. Log vervolgens deze variabelen in de console.

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

// schrijf hier je code om de waarden toe te kennen aan variabelen

console.log(first, second, rest); // Output: 1 2 [3, 4, 5]

Destructuring met Geneste Objecten

Gegeven het geneste object person, gebruik object destructuring om de eigenschappen name, age, address.street, en address.city toe te kennen aan variabelen. Log vervolgens deze variabelen in de console.

const person = {
  name: "John",
  age: 30,
  address: {
    street: "123 Main St",
    city: "Anytown",
  },
};

// schrijf hier je code om de waarden toe te kennen aan variabelen

console.log(name, age, street, city);

Destructuring en Default Values

Gegeven het object book, gebruik object destructuring om de eigenschappen title, author, en pages toe te kennen aan variabelen met standaardwaarden. Log vervolgens deze variabelen in de console.

const book = { title: "JavaScript Basics", author: "John Doe" };

// schrijf hier je code om de waarden toe te kennen aan variabelen

console.log(title, author, pages);

Destructuring in Functieparameters

Maak een functie printDetails die een object als parameter accepteert met de eigenschappen name, age, en gender. Gebruik object destructuring in de parameterlijst om standaardwaarden toe te kennen aan age en gender. Log vervolgens de details in de console.

// Je code hier

// Voorbeeldgebruik:
printDetails({ name: "Alice", age: 30, gender: "Female" }); // Output: Name: Alice, Age: 30, Gender: Female
printDetails({ name: "Bob" }); // Output:  Name: Alice, Age: 25, Gender: Unknown

Destructuring en Spread Operator in Functieparameters

Maak een functie mergeOptions die twee objecten als parameters accepteert. Gebruik object destructuring in de parameterlijst om de eigenschappen van beide objecten te extraheren en gebruik de spread operator om een nieuw object te maken met alle eigenschappen. Log vervolgens het samengevoegde object in de console.

// Je code hier

// Voorbeeldgebruik:
mergeOptions({ option1: "A", option2: "B" }, { option3: "C", option4: "D" }); // Output: { option1: "A", option2: "B", option3: "C", option4: "D" }

Excelleren

Destructuring en Nested Arrays

Gegeven de geneste array data, gebruik array destructuring om de waarden 2, 7, en 12 toe te kennen aan de variabelen first, second, en third. Log vervolgens deze variabelen in de console.

const data = [1, [2, 3, [4, 5, 6, [7, 8, 9, 10, [11, 12]]]]];

Destructuring en Nested Arrays/Objects

Gegeven het complexe object nestedData, gebruik destructuring om de waarden 5, bar, en true toe te kennen aan de variabelen number, name, en bool. Log vervolgens deze variabelen in de console.

const nestedData = {
  arrayData: [1, 2, 3, { nestedNumber: 5, nestedString: "foo", nestedBool: true }],
  nestedObject: { name: "bar" },
};

// Je code hier

Destructuring met Dynamic Keys

Gegeven het object dynamicObject met onvoorspelbare keys, gebruik object destructuring om de waarden van de keys random1, random2, random3 en random4 toe te kennen aan variabelen. Log vervolgens deze variabelen in de console. Let op: de keys worden pas bekend tijdens runtime.

const dynamicObject = {
  [Math.random()]: "random1",
  [Math.random()]: "random2",
  [Math.random()]: "random3",
  [Math.random()]: "random4",
  // Voeg hier mogelijk meer random keys toe
};

Destructuring en Filter

Gegeven de array dataSet, die bestaat uit objecten met willekeurige eigenschappen, gebruik array destructuring en de array filter-methode om een nieuw array te creëren met alleen de objecten waarvan de waarde van de eigenschap value groter is dan 50. Log vervolgens dit nieuwe array in de console.

const dataSet = [
  { id: 1, value: 34, category: "A" },
  { id: 2, value: 72, category: "B" },
  { id: 3, value: 19, category: "A" },
  { id: 4, value: 88, category: "C" },
  { id: 5, value: 60, category: "B" },
  // Voeg hier meer objecten toe met willekeurige eigenschappen
];