Logo

Developer learning path

JavaScript

Объекты в JavaScript

Объекты

47

#description

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

Создание объекта в JavaScript происходит с помощью фигурных скобок.

Пример:

                    
let person = {
  name: "John",
  age: 30,
  city: "New York"
};
                  

В этом примере мы создали объект person, который содержит три свойства: name, age и city.

Чтобы получить доступ к свойству объекта, мы можем использовать точечную нотацию.

Пример:

                    
console.log(person.name); // "John"
                  

Мы также можем использовать квадратные скобки для доступа к свойству объекта.

Пример:

                    
console.log(person['age']); // 30
                  

Методы объекта - это функции, которые находятся внутри объекта. Чтобы вызвать метод объекта, мы можем использовать точечную нотацию.

Пример:

                    
let person = {
  name: "John",
  age: 30,
  city: "New York",
  sayHello: function() {
    console.log("Hello!");
  }
};

person.sayHello(); // "Hello!"
                  

Метод sayHello - это функция, которая выводит строку "Hello!" в консоль. Мы вызываем этот метод с помощью точечной нотации: person.sayHello().

Кроме того, объекты могут быть вложенными, т.е. содержать свойства, которые сами являются объектами.

Пример:

                    
let person = {
  name: "John",
  age: 30,
  address: {
    street: "123 Main St",
    city: "New York",
    state: "NY"
  }
};

console.log(person.address.city); // "New York"
                  

Здесь объект person содержит свойство address, которое само является объектом со своими свойствами street, city и state. Чтобы получить доступ к свойству city вложенного объекта address, мы использовали точечную нотацию: person.address.city.

Также объекты могут содержать массивы, другие объекты и даже функции в качестве своих свойств. Это делает объекты мощным и гибким инструментом для работы с данными в JavaScript.

March 25, 2023

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

Если же непонятен весь вопрос, то нажмите на кнопки внизу, чтобы получить новый вариант объяснения, практические примеры или критически оценить сам вопрос.