Leer Objecten | Sectie

Veeg om het menu te tonen

Objecten zijn een kernfunctie in JavaScript waarmee gerelateerde gegevens en waarden samen gegroepeerd kunnen worden. Een object is een verzameling eigenschappen, waarbij elke eigenschap een naam heeft (de key) en een waarde.

Deze key-value-structuur maakt objecten ideaal voor het representeren van entiteiten uit de echte wereld en het organiseren van informatie op een flexibele manier. Een object wordt gedefinieerd met behulp van accolades {} en elke eigenschap wordt geschreven als een paar: de key (als string of identifier), gevolgd door een dubbele punt en vervolgens de waarde. Meerdere eigenschappen worden gescheiden door komma's.


              12345678
            
// Creating an object to represent a user profile
const userProfile = {
  username: "coder123",
  age: 28,
  email: "coder123@example.com",
  isActive: true
};
console.log(JSON.stringify(userProfile));

Eigenschappen van een object kunnen worden benaderd met dotnotatie of bracketnotatie. Bijvoorbeeld, userProfile.username geeft de waarde "coder123".


              12345678910111213
            
const userProfile = {
  username: "coder123",
  age: 28,
  email: "coder123@example.com",
  isActive: true
};
console.log(JSON.stringify(userProfile));

// Accessing object properties using dot notation
console.log(userProfile.username); // Dot notation

// Accessing object properties using bracket notation
console.log(userProfile["email"]); // Bracket notation

Een eigenschap bijwerken door eenvoudigweg een nieuwe waarde toe te wijzen: userProfile.age = 29;. Om een nieuwe eigenschap toe te voegen, wijs deze direct toe: userProfile.location = "New York";.


              123456789101112131415
            
const userProfile = {
  username: "coder123",
  age: 28,
  email: "coder123@example.com",
  isActive: true
};
console.log(JSON.stringify(userProfile));

// Update the existing 'age' property
userProfile.age = 29;

// Add a new 'location' property
userProfile.location = "New York";

console.log(JSON.stringify(userProfile));

Objecten stellen je in staat om gerelateerde gegevens onder één enkele variabele te organiseren, waardoor je code beter leesbaar en eenvoudiger te onderhouden is.

Was alles duidelijk?

Bedankt voor je feedback!

Sectie 1. Hoofdstuk 17

Vraag AI

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

Sectie 1. Hoofdstuk 17