Свойства объекта JavaScript
Свойства — самая важная часть любого объекта JavaScript.
Свойства JavaScript
Свойства — это значения, связанные с объектом JavaScript.
Объект JavaScript представляет собой набор неупорядоченных свойств.
Обычно свойства можно изменять, добавлять и удалять, но некоторые из них доступны только для чтения.
Доступ к свойствам JavaScript
Синтаксис для доступа к свойству объекта:
objectName.property // person.age
или
objectName["property"] // person["age"]
или
objectName[expression] // x = "age"; person[x]
Выражение должно оцениваться как имя свойства.
Пример 1
person.firstname + " is " + person.age + " years old.";
Пример 2
person["firstname"] + " is " + person["age"] + " years old.";
JavaScript для... в цикле
Оператор JavaScript for...in
перебирает свойства объекта.
Синтаксис
for (let variable in object) {
// code to be executed
}
Блок кода внутри for...in
цикла будет выполняться один раз для каждого свойства.
Цикл по свойствам объекта:
Пример
const person = {
fname:" John",
lname:" Doe",
age: 25
};
for (let x in person) {
txt += person[x];
}
Добавление новых свойств
Вы можете добавить новые свойства к существующему объекту, просто присвоив ему значение.
Предположим, что объект person уже существует — тогда вы можете присвоить ему новые свойства:
Пример
person.nationality = "English";
Удаление свойств
Ключевое delete
слово удаляет свойство из объекта:
Пример
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
delete person.age;
или удалить человека["возраст"];
Пример
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
delete person["age"];
Ключевое delete
слово удаляет как значение свойства, так и само свойство.
После удаления свойство нельзя использовать, пока оно не будет снова добавлено.
Оператор
delete
предназначен для использования со свойствами объекта. Это не влияет на переменные или функции.
Оператор delete
не следует использовать для предопределенных свойств объекта JavaScript. Это может привести к сбою вашего приложения.
Вложенные объекты
Значения в объекте могут быть другим объектом:
Пример
myObj = {
name:"John",
age:30,
cars: {
car1:"Ford",
car2:"BMW",
car3:"Fiat"
}
}
Вы можете получить доступ к вложенным объектам, используя точечную нотацию или скобочную нотацию:
Пример
myObj.cars.car2;
или:
Пример
myObj.cars["car2"];
или:
Пример
myObj["cars"]["car2"];
или:
Пример
let p1 = "cars";
let p2 = "car2";
myObj[p1][p2];
Вложенные массивы и объекты
Значения в объектах могут быть массивами, а значения в массивах могут быть объектами:
Пример
const myObj =
{
name: "John",
age: 30,
cars: [
{name:"Ford",
models:["Fiesta", "Focus", "Mustang"]},
{name:"BMW", models:["320", "X3", "X5"]},
{name:"Fiat", models:["500", "Panda"]}
]
}
Чтобы получить доступ к массивам внутри массивов, используйте цикл for-in для каждого массива:
Пример
for (let i in myObj.cars) {
x += "<h1>" + myObj.cars[i].name
+ "</h1>";
for (let j in myObj.cars[i].models) {
x += myObj.cars[i].models[j];
}
}
Атрибуты свойства
Все свойства имеют имя. Кроме того, они также имеют значение.
Значение является одним из атрибутов свойства.
Другие атрибуты: перечисляемые, настраиваемые и доступные для записи.
Эти атрибуты определяют, как можно получить доступ к свойству (доступно ли оно для чтения? Доступно ли для записи?)
В JavaScript все атрибуты могут быть прочитаны, но только атрибут value может быть изменен (и только если свойство доступно для записи).
(ECMAScript 5 имеет методы как для получения, так и для установки всех атрибутов свойств)
Свойства прототипа
Объекты JavaScript наследуют свойства своего прототипа.
Ключевое delete
слово не удаляет унаследованные свойства, но если вы удалите свойство прототипа, оно повлияет на все объекты, унаследованные от прототипа.