Объекты в JavaScript

Рассмотрим следующий массив:

let arr = ["David", "Peter", "Tom", "James"];

К примеру, если мы хотим вывести на экран имя "David" из массива, то должны написать в квадратных скобках цифру 0, а не 1.

Логичнее и удобнее было бы все-таки для первого имени писать ключ 1, как привыкли мы в жизни.

В JavaScript есть способ указать ключи в явном виде - так, как нам нужно. Делается это с помощью объектов.

Объекты создаются с помощью фигурных скобок { }, внутри которых пишутся элементы этого объекта в формате ключ: значение.

Давайте рассмотрим пример объектов:

Строковые ключи:

В объектах, в отличие от массивов, ключи могут быть не только числовыми, но и строковыми.

При этом эти ключи-строки, в отличие от значений-строк, в кавычки брать не нужно.

А вот, чтобы обратиться к элементу со строковым ключом, в квадратных скобках его уже нужно брать в кавычки:

Альтернативный синтаксис:

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

Существует также альтернативный синтаксис получение значения элемента:

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

Данный синтаксис обычно называют обращение через свойство объекта.

Заполнение:

Объекты заполняются так же, как и массивы, при этом можно также использовать альтернативный синтаксис: