Objecten

In JavaScript zijn objecten een fundamentele gegevensstructuur. Het zijn verzamelingen van key-value pairs die worden gebruikt om gegevens op te slaan en op te halen.

const person = {
  name: "John",
  age: 30,
  gender: "male",
};

Objecten lijken op arrays, maar in plaats van de index te gebruiken om gegevens op te halen, gebruiken ze keys of properties.

• keys of properties kunnen strings, getallen of symbolen zijn.
• values kunnen elk gegevenstype zijn, inclusief objecten.

Objecten worden gedeclareerd met accolades en de key-value pairs worden gescheiden door komma’s. keys worden altijd gevolgd door een dubbele punt, en values kunnen worden gevolgd door een komma.

• Waarom gebruiken we objecten?
• Waarden
  • Ophalen
  • Toevoegen
  • Verwijderen
  • Overzicht

Waarom gebruiken we objecten?

• Objecten worden gebruikt om gegevens op een gestructureerde manier op te slaan.
• Objecten kunnen worden gebruikt om herbruikbare code te maken.
• Objecten kunnen worden gebruikt om complexe gegevensstructuren te creëren.

Waarden

Ophalen

Je kan waarden ophalen met de dot-notatie (punt-notatie) of met de bracket-notatie (vierkante haakjes notatie). We gebruiken de bracket-notatie wanneer we een de key willen aanspreken met een variabele.

const name = person.name; // John
const age = person["age"]; // 30

const propertyName = "gender";
const userGender = person[propertyName];

// Object met productprijzen voor verschillende landen
const productPrices = {
  belgium: 50,
  france: 60,
  usa: 55,
};

// Variabele die de geselecteerde regio van de gebruiker bevat
const selectedLanguage = "usa";

// Gebruik van bracket-notatie met de variabele om de prijs op te halen
const productPrice = productPrices[selectedLanguage];

// Toon de prijs aan de gebruiker
console.log(
  "De prijs van het product in " + selectedLanguage + " is: €" + productPrice
);

Toevoegen

Je kan waarden toevoegen met de dot-notatie (punt-notatie) of met de bracket-notatie (vierkante haakjes notatie). We gebruiken de bracket-notatie wanneer we een de key willen aanmaken met een variabele. De bracket-notatie zal in de praktijk niet vaak voorkomen.

person.country = "United States";
person.children = [
  {
    name: "Anna",
    age: 6,
    gender: "female",
  },
];

const userProfile = {
  name: "Alice",
  age: 28,
  language: "English",
};

// Een nieuwe eigenschap toevoegen aan het gebruikersobject met behulp van bracket-notatie
const newProperty = "location";
userProfile[newProperty] = "Amsterdam";

console.log(userProfile);

Verwijderen

Om een property en de bijhorende waarde uit een object te verwijderen, gebruiken we delete;

delete person.age;

console.log(person);

Overzicht

const person = {
  name: "John",
  age: 30,
};

console.log(person.name); // 'John'
console.log(person.age); // 30

person.name = "Jane";
person.age = 25;

console.log(person.name); // 'Jane'
console.log(person.age); // 25

delete person.age;

console.log(person.age); // undefined