Свойства объектов в JavaScript

Свойстваявляются связями между именами (ключами) и значениями внутри объекта и могут содержать любые типы данных.

СвойстваОбычно это refers to the characteristics of an object.

Обычно можно изменять, добавлять и удалять свойства, но некоторые свойства являются только чтением.

Доступ к свойствам JavaScript

Есть два способа доступа к свойствам объекта:

• Точечная запись: .

• Символы скобок: []

Давайте еще раз обратимся к исходному примеру объектаuser.

user.firstName;

user["firstName"];

Точка и скобки часто используются. Однако, точечная запись (.). быстрее и удобнее для чтения.

Добавление новых свойств

Чтобы добавить новые свойства к объекту, вы можете присвоить новый значение свойству с использованием оператора присваивания (=).

Предположим, что объект пользователя уже существует — затем можно добавить ему новые свойства:

user.weapon = "Sword";

Обратите внимание: избегайте использования зарезервированных слов для имен свойств или методов.

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

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

var user = {firstName:"Seagull", lastName:"Anna", age:22, location:"New Delhi"};;
user.location = "Goa";

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

Чтобы удалить атрибут из объекта, мы будем использовать ключевое слово delete.

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

Ниже приведен пример того, как удалить атрибут из объекта:

var user = {firstName:"Seagull", lastName:"Anna", age:22, location:"New Delhi"};;
delete user.location;

Оператор delete удаляет два значения и сам атрибут.

Не используйте оператор delete для предопределенных свойств JavaScript объекта. Это может привести к краху вашего приложения.

Iterацию по свойствам объекта.

JavaScript имеетfor...inСпециальный цикл для итерации по свойствам объекта.

Грамматика:

for (variable in object) { statement to be executed }

Это наш principal пример объекта пользователя в упрощенной версии:

var user = {firstName:"Seagull", lastName:"Anna", age:22, location:"New Delhi"};;
for (let x in user) {
　　　　document.write(x);
}

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

for (let x in user) {
document.write(user[x]);
}

for...inЦикл не должен бытьfor...ofЦикл с混淆ом,后者 используется только с типом объекта Array.

Другой полезный метод перечисления - метод Object.keys(), который возвращает массив свойств объекта.

// Инициализируйте метод на объекте пользователя для возврата ключей свойств
Object.keys(user);

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

Внутренние свойства свойств

Все свойства имеют имя. Кроме того, у них есть значения свойств.

Это значение является одним из свойств свойств.

Другие свойства: enumerability, configurability и writability.

Эти свойства определяют способ доступа к свойствам (читаемость, writability).

В JavaScript можно читать все свойства, но можно изменить только значение свойства (и только если это свойство в состоянии "доступно для записи").