Объекты

Объект — коллекция ключ:значение. Как создавать, читать, изменять и перебирать.

Язык примеров:

Шаг 1 из 2Практика

Что такое объект

Объект — это именованные ячейки

Переменная хранит одно значение. Объект хранит много значений, каждое под своим именем:

javascript

const user = {
  name: "Иван",      // ключ: значение
  age: 25,
  isAdmin: false,
};

Доступ к свойствам

javascript

user.name          // "Иван"  — через точку
user["age"]        // 25      — через скобки (когда ключ в переменной)

const key = "name";
user[key]          // "Иван"  — полезно для динамических ключей

Изменение, добавление, удаление

javascript

user.age = 26;               // изменить
user.email = "ivan@ex.com";  // добавить новое свойство
delete user.isAdmin;         // удалить

"name" in user               // true — проверить наличие
Object.keys(user)            // ["name", "age", "email"] — все ключи
Object.values(user)          // ["Иван", 26, "ivan@ex.com"] — все значения
Object.entries(user)         // [["name","Иван"], ["age",26]...] — пары

Перебор через for...in

javascript

for (const key in user) {
  console.log(key, ":", user[key]);
}
// name : Иван
// age : 26
// email : ivan@ex.com

JavaScript

// Реальный пример: объект товара в магазине
const product = {
  id: 1,
  name: "Ноутбук",
  price: 75000,
  inStock: true,
  specs: {              // вложенный объект
    ram: 16,
    ssd: 512,
  },
};

// Доступ к вложенным свойствам
console.log(product.specs.ram);    // 16
console.log(product.specs.ssd);    // 512

// Добавление скидки
product.discount = 0.1;
const finalPrice = product.price * (1 - product.discount);
console.log(finalPrice);           // 67500

// Перебор
for (const key in product) {
  if (typeof product[key] !== "object") {
    console.log(key + ": " + product[key]);
  }
}

Как добавить свойство `city: 'Москва'` к объекту `user`?

Встроенные объекты и ключевые слова Массивы

StudyCode

Доступ к свойствам

javascript

user.name          // "Иван"  — через точку
user["age"]        // 25      — через скобки (когда ключ в переменной)

const key = "name";
user[key]          // "Иван"  — полезно для динамических ключей

Изменение, добавление, удаление

javascript

user.age = 26;               // изменить
user.email = "ivan@ex.com";  // добавить новое свойство
delete user.isAdmin;         // удалить

"name" in user               // true — проверить наличие
Object.keys(user)            // ["name", "age", "email"] — все ключи
Object.values(user)          // ["Иван", 26, "ivan@ex.com"] — все значения
Object.entries(user)         // [["name","Иван"], ["age",26]...] — пары

// Реальный пример: объект товара в магазине const product = { id: 1, name: "Ноутбук", price: 75000, inStock: true, specs: { // вложенный объект ram: 16, ssd: 512, }, }; // Доступ к вложенным свойствам console.log(product.specs.ram); // 16 console.log(product.specs.ssd); // 512 // Добавление скидки product.discount = 0.1; const finalPrice = product.price * (1 - product.discount); console.log(finalPrice); // 67500 // Перебор for (const key in product) { if (typeof product[key] !== "object") { console.log(key + ": " + product[key]); } }