Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-03-10

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

2 Как вам хорошо известно, в JavaScript существуют разные типы данных. 7 из них являются примитивными, ведь они содержат лишь одно значение, причём неважно, строка это, число, либо что-нибудь иное. Пришло время поговорить и про объекты. Они применяются в JavaScript, например, в целях хранения коллекций разных значений, а также каких-нибудь сложных сущностей. В целом они используются довольно часто, и это особенность языка. Разумеется, мы должны их понимать.

3 <h2>Синтаксис создания объекта</h2>

4 Объект можно создать, используя фигурные скобки {…} с необязательным перечнем свойств. В нашем случае свойство является парой "ключ: значение", причём ключ здесь - это строка (называется ещё "именем свойства"), а вот уже значение бывает чем угодно.

5 Давайте представим объект в форме ящика, где лежат подписанные папки. Таким образом, каждый элемент данных лежит в своей папке, а на той папке написан ключ. Раз есть ключ, папку можно без проблем найти, и не только найти, но ещё удалить либо добавить что-нибудь в неё.

6 Создадим пустой ящик объект в JavaScript, что можно сделать, используя один из 2-х вариантов синтаксиса:

7 let user = new Object(); // синтаксис "конструктор объекта" let user = {}; // синтаксис "литерал объекта", литеральный синтаксисКак правило, используется вариант с фигурными скобками {...}. В этом случае объявление называют литералом объекта либо литеральной нотацией.

8 <h2>Особенности литералов и их свойства</h2>

9 Когда мы используем литеральный синтаксис {...}, у нас есть возможность помещать в объект сразу несколько свойств, соответственно, используя пары "ключ: значение":

10 let user = { // объект name: "Bob", // под ключом "name" сохраняется значение "Bob" age: 50 // под ключом "age" сохраняется значение 50 };Свойства объекта в JavaScript иногда называют поля объекта.

11 Идём далее. Каждое свойство имеет ключ ("имя" либо "идентификатор"). После имени/идентификатора свойства идёт двоеточие ":", потом указывается значение свойства. Когда в объекте есть несколько свойств, они перечисляются через запятую.

12 В объекте user у нас находятся 2 свойства: 1. Свойство с именем "name" и, соответственно, значением "Bob". 2. Свойство с именем "age" и, соответственно, значением 50.

13 Мы можем предположить, что объект user - это не что иное, как ящик с 2-мя папками, которые подписаны "name" и "age". Также у нас есть возможность добавить в ящик новые папки в любой момент. Либо удалить их. Или же прочитать содержимое.

14 Чтобы обратиться к свойствам воспользуемся записью "через точку":

15 // получение свойств объекта: alert( user.name ); // Bob alert( user.age ); // 50Значение способно быть любого типа. Попробуем добавить свойство, имеющее логическое значение:

16 А чтобы удалить свойства, нам пригодится оператор delete:

17 Что касается имени свойства, то оно может включать в себя несколько слов, но в этом случае оно должно заключаться в кавычки:

18 let user = { name: "Bob", age: 50, "likes birds": true // имя свойства из нескольких слов в кавычках };Последнее свойство объекта может оканчиваться запятой:

19 let user = { name: "Bob", age: 50, }Что это за "висячая запятая"? На самом деле, она здесь не просто так. Реализованный подход упростит добавление, перемещение и удаление свойств в JavaScript, ведь все строки нашего объекта становятся одинаковыми.

20 <h2>Создаём массив объектов</h2>

21 Теперь давайте поговорим о том, как реализовать создание массива из объектов в JavaScript. Но для начала создадим объект с помощью специального метода:

22 var myNewObject = { key1: value1, key2: value2, ... }Кстати, для этих целей существуют и другие методы:

23 /* создаём пустой объект */ var emptyObject = new Object(); var someObject = new Object( {0:"one", 1:"two"} ); /* получаем объект someObject, у которого заданы key:value 0: "one", 1: "two" */ var fullObject = new Object( {first : "one", second : "two"} ); /* получаем объект fullObject, у которого заданы key:value first: "one", second: "two" */Кроме того, мы можем задать ключи и значения объектов, если обратимся к нашим объектам в JavaScript, как к ассоциативному массиву:

24 var customObject = new Object(); customObject["id"] = "1"; customObject["name"] = "goodObject"; /* На выходе будет объект customObject: id: "1", name: "goodObject" */Переходим непосредственно к созданию массива объектов:

25 var arrObjects = []; // объявляем массив arrObjects[0] = { id: "1", name: "firstArrElement" } arrObjects[1] = { id: "2", name: "secondArrElement" } /* На выходе мы получим массив из 2 объектов, у которых заданы id и name */Вот и всё! Более продвинутые навыки вы всегда сможете получить на наших курсах!

26 При подготовке статьи использовались следующие материалы:

27 <ul><li>"<a>Объекты</a>";</li>

28 <li>"<a>Создание объектов и массива объектов в JavaScript</a>".</li>

29 </ul>