Leer Objecten | Sectie

Veeg om het menu te tonen

Objects are a core feature in JavaScript that let you group related data and values together. An object is a collection of properties, where each property has a name (called a key) and a value.

This key-value structure makes objects ideal for representing real-world entities and organizing information in a flexible way. You define an object using curly braces {} and each property is written as a pair: the key (as a string or identifier), followed by a colon, and then the value. Multiple properties are separated by commas.


              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));

You can access the properties of an object using either dot notation or bracket notation. For instance, userProfile.username gives you the value "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

To update a property, you simply assign a new value: userProfile.age = 29;. If you want to add a new property, just assign it: 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));

Objects let you organize related data under a single variable, making your code more readable and easier to maintain.

Was alles duidelijk?

Bedankt voor je feedback!

Sectie 1. Hoofdstuk 15

Vraag AI

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

Sectie 1. Hoofdstuk 15