Объекты JavaScript

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

Создание объектов:

Чтобы создать объект в JavaScript, вы используете фигурные скобки {} и разделяете свойства внутри запятыми. Вот пример того, как создать объект с тремя свойствами:

let person = {
  name: "John",
  age: 30,
  occupation: "Software Developer"
};

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

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

Чтобы получить доступ к свойству в объекте, вы используете запись через точку (.) или запись с квадратными скобками ([]) с именем свойства. Вот пример того, как получить доступ к свойству name объекта person:

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

В приведенном выше примере мы обращаемся к свойству name объекта person, используя запись через точку. Помните, что запись через точку может использоваться только в том случае, если имя свойства является допустимым идентификатором JavaScript. Если имя свойства содержит пробелы или другие специальные символы, необходимо использовать нотацию с квадратными скобками. Вот пример того, как получить доступ к свойству occupation объекта person, используя нотацию с квадратными скобками:

console.log(person["occupation"]); // Output: "Software Developer"

В приведенном выше примере мы обращаемся к свойству occupation объекта person, используя нотацию с квадратными скобками.

Изменение свойств объекта:

Вы можете изменять свойства объекта, обращаясь к ним с помощью записи через точку или квадратной скобки и присваивая им новое значение. Вот пример того, как изменить свойство occupation объекта person с «Разработчик программного обеспечения» на «Веб-разработчик»:

person.occupation = "Web Developer";
console.log(person); // Output: { name: "John", age: 30, occupation: "Web Developer" }

В приведенном выше примере мы меняем свойство occupation объекта person с «Разработчик программного обеспечения» на «Веб-разработчик». Затем мы выводим весь объект person на консоль, которая должна вывести { name: "John", age: 30, occupation: "Web Developer" }.

Добавление и удаление свойств:

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

person.gender = "Male"; // Add a new property called "gender"
console.log(person); // Output: { name: "John", age: 30, occupation: "Web Developer", gender: "Male" }
delete person.age; // Remove the "age" property
console.log(person); // Output: { name: "John", occupation: "Web Developer", gender: "Male" }

В приведенном выше примере мы добавляем новое свойство с именем gender к объекту person, используя запись через точку. Затем мы выводим весь объект person на консоль, которая должна вывести { name: "John", age: 30, occupation: "Web Developer", gender: "Male" }. Затем мы удаляем свойство age из объекта person, используя ключевое слово delete. Затем мы снова выводим весь объект person на консоль, которая должна вывести `{имя: 'Джон', род занятий: 'Веб-разработчик', пол: "Мужчина"}

Итерация по свойствам объекта:

Вы можете просмотреть свойства объекта, используя цикл for...in. Вот пример использования цикла for...in для вывода всех свойств объекта person на консоль:

for (let property in person) {
  console.log(`${property}: ${person[property]}`);
}

В приведенном выше примере мы используем цикл for...in для перебора всех свойств объекта person. Затем мы печатаем имя каждого свойства вместе с его значением на консоли.

Методы объекта:

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

let calculator = {
  operand1: 0,
  operand2: 0,
  add: function() {
    return this.operand1 + this.operand2;
  }
};

В приведенном выше примере мы создаем объект с именем calculator, который имеет два свойства с именами operand1 и operand2 и метод с именем add. Метод add возвращает сумму свойств operand1 и operand2.

Чтобы вызвать метод add объекта calculator, вы просто используете запись через точку и круглые скобки, например:

calculator.operand1 = 10;
calculator.operand2 = 5;
console.log(calculator.add()); // Output: 15

В приведенном выше примере мы устанавливаем значения свойств operand1 и operand2 объекта calculator, а затем вызываем метод add объекта calculator, используя запись через точку и круглые скобки. Метод add должен возвращать сумму operand1 и operand2, что равно 15.

Заключение:

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

Если вам понравилась статья и вы хотите выразить свою поддержку, не забудьте:

👏 Аплодируйте истории (50 хлопков), чтобы эта статья попала в топ

👉Подпишитесь на меня в Средний

Ознакомьтесь с дополнительными материалами в моем профиле Medium