Объекты в JavaScript. Часть 1

От автора: приветствую вас, друзья. В этой статье мы с вами начнем знакомиться с наиболее сложным, но и не менее интересным типом данных в JavaScript — речь идет об объектах. Приступим?

Если вы не забыли, то переменную мы с вами сравнивали с ящиком, в который можно положить что угодно, некое значение, но… только одно единственное значение. В любой момент мы можем изменить это значение, но, опять же, это будет все то же единственное значение.

В отличие от обычной переменной, объект можно сравнить с каталогом ящиков, в каждом из которых лежит что-то свое. Каждый ящик подписан и мы легко можем достать из него нужное значение.

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

Давайте посмотрим, как объявляется объект. JavaScript предлагает нам два варианта объявления объектов:

let object=new Object();
let object2={};
console.log(object);
console.log(object2);

Оба способа дадут нам объект, что мы и видим при распечатке в консоль:

Второй способ, как вы заметили, короче и поэтому чаще всего используется именно он. Я также рекомендую вам пользоваться на практике вторым способом объявления объектов.

Итак, как создавать объекты мы уже знаем. Однако пока что создаваемые объекты пусты. Давайте посмотрим, как же что-то положить в тот или иной ящик объекта. Сделать это можно несколькими способами. Первый способ:

При распечатке в консоль будет выведено содержимое объекта names:

Как видим, внутри объекта находится два ящика — name1 и name2. Эти ящики называются свойствами объекта. Если вам проще, тогда можете считать, что свойство объекта — это, по сути, обычная переменная.

И второй способ добавления свойств в объект:

Результат будет аналогичен первому. Как же теперь вывести то или иное свойство объекта. Получить доступ к свойству объекта просто, достаточно обратиться к самому объекту и через точку написать нужное свойство:

Достаточно просто, не так ли? На этом мы завершим текущую статью. Если вы хотите больше узнать о JavaScript, тогда рекомендую обратить свое внимание на уроки по JavaScript и отдельный курс по языку JavaScript. Удачи!