JavaScript | Как создать объект с элементами?

JavaScript | Как создать объект с элементами?

Создание анонимного объекта с элементами в JavaScript

  • Печатаем первый символ — открывающая фигурная скобка «{«
  • Печатаем второй символ —  закрывающая фигурная скобка «}«

Так мы создадим пустой объект:

{}

Теперь нужно наполнить этот пустой объект элементами. Каждый элемент — это пары «КЛЮЧ/ЗНАЧЕНИЕ».

 

Объект с одним элементом

Внутри пустого объекта запишем последовательно:

  1. Название КЛЮЧА
  2. Символ разделения КЛЮЧА от ЗНАЧЕНИЯ — «:» (двоеточие)
  3. ЗНАЧЕНИЕ — данные любого типа

КЛЮЧ будет равен — aaa.

ЗНАЧЕНИЕ будет равно строковому типу данных — «bbb»

{aaa:"bbb"}

«bbb» будет в кавычках потому что это строка и мы ранее не определяли её нигде. То есть мы явно указываем строковое значение. bbb может быть без кавычек только в том случае если ранее была объявлена переменная. Без кавычек это будет ссылка на какое другое значение вне данного объекта.

Мы создали объект с одним элементом. Так он выглядит в консоли браузера:

Объект с одним элементом - JavaScript
Объект с одним элементом — JavaScript

 

Объект с двумя элементами

Внутри объекта элементы отделяются друг от друга запятыми. Установим между фигурными скобками один знак запятой:

{ , }

Теперь создадим первый элемент слева от запятой:

{ aaa:"bbb" , }

Затем создадим второй элемент справа от запятой:

{ aaa:"bbb" ,  yyy:"zzz" }

Мы создали объект с двумя элементами. Результат в консоли браузера:

Объект с двумя элементами - JavaScript
Объект с двумя элементами — JavaScript

 

Информационные ссылки

JavaScript | Как создать объект?

JavaScript | Объекты (Object)

Официальный документ — Тип данных Object — https://tc39.es/ecma262/#sec-object-type

Официальный документ — Объекты Object  — https://tc39.es/ecma262/#sec-object-objects