Summary  
This chapter covers how to define and manipulate key-value object structures in JavaScript—creating objects, accessing properties via dot or bracket notation, and updating or adding properties.

General domain of usage  
User data management

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.

// 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"`. 

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";`. 

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.

Дізнайтеся, як керувати логікою програми, структурувати дані та створювати динамічні функції за допомогою JavaScript. Працюйте з функціями, масивами, об'єктами та циклами, а потім застосовуйте ці навички для створення інтерактивної системи профілів. Отримайте базові знання, необхідні для переходу до React та сучасної frontend-розробки.

Застосування знань у мініпроєкті, ознайомлення з основами налагодження та підготовка до подальшого вивчення JavaScript.

Об'єкти