{} это объект В JavaScript. Объект содержит набор свойств и функции. Пример var book = {Name: "Волшебник Средиземноморья", Price: 120};

Программирование, разработка, тестирование

→

JavaScript - язык программирования для HTML

→

{} это объект В JavaScript. Объект содержит набор свойств и функции. Пример var book = {Name: "Волшебник Средиземноморья", Price: 120}; | стандарт ES5

Посмотрели 7682 раз(а)

{} это объект В JavaScript | стандарт ES5

последнее обновление: 1 августа 2020

Объект В JavaScript это набор свойств
Пример: Книга имеет свойства
• название
• имя автора
• цена
• количество страниц

Создание заполненного объекта

Чтобы создать объект нужно написать
var название объекта =
{
свойство 1 : значение 1,
"свойство 2" : значение 2, // можно писать свойство в кавычках
...
};

Html Пример

<html>
<body>

<script>
     // создаем объект
     var book1 =
     {
          // набор свойств
          Name: "Волшебник Средиземноморья",
          Price: 120
     };

     // на экране увидим "Волшебник Средиземноморья"
     alert(book1.Name);

     // создаем объект
     var book2 =
     {
          // набор свойств
          "Name": "Властелин Колец",
          "Price": 60
     };

     // на экране увидим "Властелин Колец"
     alert(book2.Name);
</script>

</body>
</html>

Создание пустого объекта

Пустой объект может создаваться 3 способами:

Способ 1

var book1 = {};

Способ 2

var book1 = new Object();

Способ 3

var book1 = Object.create( Object.prototype );

Добавление свойства в объект

Способ 1

book1.Name = "Волшебник Средиземноморья";

Способ 2

book1["Name"] = "Волшебник Средиземноморья";

Html Пример

<html>
<body>

<script>
     // Способ 1. Создаем пустой объект
     var book1 = {};

     // Добавляем свойство
     book1.Name = "Волшебник Средиземноморья"; // способ 1
     book1["Author"] = "Урсула Ле Гуин"; // способ 2

     // на экране увидим "Волшебник Средиземноморья Урсула Ле Гуин"
     alert(book1.Name + " " + book1.Author);

     // Вариант 2. Создаем пустой объект
     var book2 = new Object();

     // добавляем свойство
     book2.Name = "Властелин колец"; // способ 1
     book2["Author"] = "Ник Перумов"; // способ 2

     // на экране увидим "Властелин колец Ник Перумов"
     alert(book2.Name + " " + book2.Author);
</script>

</body>
</html>

Взять, получить свойство у объекта

Способ 1

var value1 = book1.Name;

Способ 2

var value1 = book1["Name"];

Html Пример

<html>
<body>

<script>
     // создаем объект
     var book =
     {
          // набор свойств
          Name: "Волшебник Средиземноморья",
          Author : "Урсула Ле Гуин",
     };

     // получаем свойство объекта (способ 1)
     var value1 = book.Name;
     // value1 = "Волшебник Средиземноморья";

     // получаем свойство объекта (вариант 2)
     var value2 = book['Name'];
     // value2 = "Волшебник Средиземноморья";

</script>

</body>
</html>

Выбираем (перечисляем) все элементы в объекте

Html Пример

<html>
<body>

<script>
     // создаем объект
     var book =
     {
          // набор свойств
          Name: "Волшебник Средиземноморья",
          Author : "Урсула Ле Гуин",
     };

     // на экране увидим
     for( key in book )
     {
          // итерация 1
          // key = "Name"
          // book[key] = "Волшебник Средиземноморья"

          // итерация 2
          // key = "Author"
          // book[key] = "Урсула Ле Гуин"
     }
</script>

</body>
</html>

Создание сложного объекта

Html Пример

Удаление объекта

delete book.Name;

Сравнение на пустой

if (book.Name == undefined)
alert("пустой");
if (book.Name != undefined)
alert("не пустой");

Html Пример

<html>
<body>

<script>
     // создаем объект
     var book =
     {
          // набор свойств
          Name: "Волшебник Средиземноморья",
          Author : "Урсула Ле Гуин",
     };

     // на экране увидим 'не пустой'
     if (book.Name != undefined)
          alert("не пустой");

     // удалим объект
     delete book.Name;

     // на экране увидим 'пустой'
     if (book.Name == undefined)
          alert("пустой");
</script>

</body>
</html>

Объект может содержать функции

Html Пример

<html>
<body>

<script>
     // создаем объект
     var book =
     {
          // набор свойств
          Name: "Волшебник Средиземноморья",
          Author : "Урсула Ле Гуин",

          // вложенный набор свойств
          OtherInfo :
          {
               Price: 120,
               PagesCount: 90
          },

          // функция
          myShow : function(title)
          {
               alert(title + ' ' + this.Name + ' ' + this.OtherInfo.Price);
          }
     };

     // вызов функции у объекта
     book.myShow('Hello');
     // на экране увидим 'Hello Волшебник Средиземноморья 120'
</script>

</body>
</html>

← Предыдущая тема
Коллекция уникальных значений В JavaScript. Класс Set | стандарт ES5

Следующая тема →
{...} = объект в JavaScript заполняем из переменных класса или другим объектом. Пример: const {name, total, price} = b.myProps; | стандарт ES5