Вебсправочник
Справочник JavaScript

Объекты JavaScript: свойства и значения

Как описывать сущности, читать поля и работать с динамическими именами свойств.

Основная идея

Объект объединяет связанные значения под именами. Например, материал справочника может иметь title, category и published. Чтение через точку удобно для известного имени, а квадратные скобки позволяют использовать имя из переменной.

Объекты передаются через значения-ссылки на объект. Если две переменные указывают на один объект, изменение свойства через одну будет видно через другую. Это отличается от независимого копирования простого числа или строки.

Пример JavaScript

const article = { title: "HTML", published: false };
const field = "title";
console.log(article[field]);
const sameArticle = article;
sameArticle.published = true;
console.log(article.published);

Вывод содержит HTML и true: обе переменные обращаются к одному объекту.

Частая ошибка

Отсутствующее свойство даёт undefined, но это не всегда означает ошибку. Определите, какие поля обязательны, и проверяйте входные данные до использования.

Самостоятельная проверка

Добавьте category и прочитайте его двумя способами. Затем создайте поверхностную копию и проверьте изменение простого поля.

Код здесь показан для изучения. Встроенная песочница сайта выполняет только HTML/CSS. JavaScript проверяйте в собственном учебном файле или консоли своего тестового проекта; не вставляйте непонятный код на страницах с личными данными.

Следующие темы: деструктуризация, копирование объектов.

Самостоятельный учебный материал. Техническая документация: первоисточник по теме ↗. Если результат отличается, проверьте код и версию браузера.