Propriedades do objeto JavaScript
As propriedades são a parte mais importante de qualquer objeto JavaScript.
Propriedades do JavaScript
Propriedades são os valores associados a um objeto JavaScript.
Um objeto JavaScript é uma coleção de propriedades não ordenadas.
As propriedades geralmente podem ser alteradas, adicionadas e excluídas, mas algumas são somente leitura.
Acessando as propriedades do JavaScript
A sintaxe para acessar a propriedade de um objeto é:
objectName.property // person.age
ou
objectName["property"] // person["age"]
ou
objectName[expression] // x = "age"; person[x]
A expressão deve ser avaliada como um nome de propriedade.
Exemplo 1
person.firstname + " is " + person.age + " years old.";
Exemplo 2
person["firstname"] + " is " + person["age"] + " years old.";
JavaScript para... em loop
A instrução JavaScript for...in
percorre as propriedades de um objeto.
Sintaxe
for (let variable in object) {
// code to be executed
}
O bloco de código dentro do for...in
loop será executado uma vez para cada propriedade.
Percorrendo as propriedades de um objeto:
Exemplo
const person = {
fname:" John",
lname:" Doe",
age: 25
};
for (let x in person) {
txt += person[x];
}
Adicionando novas propriedades
Você pode adicionar novas propriedades a um objeto existente simplesmente dando-lhe um valor.
Suponha que o objeto pessoa já exista - você pode então dar a ele novas propriedades:
Exemplo
person.nationality = "English";
Excluindo Propriedades
A delete
palavra-chave exclui uma propriedade de um objeto:
Exemplo
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
delete person.age;
ou excluir pessoa["idade"];
Exemplo
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
delete person["age"];
A palavra- delete
chave exclui o valor da propriedade e a própria propriedade.
Após a exclusão, a propriedade não pode ser usada antes de ser adicionada novamente.
O
delete
operador foi projetado para ser usado em propriedades de objetos. Não tem efeito sobre variáveis ou funções.
O delete
operador não deve ser usado em propriedades de objeto JavaScript predefinidas. Ele pode travar seu aplicativo.
Objetos aninhados
Os valores em um objeto podem ser outro objeto:
Exemplo
myObj = {
name:"John",
age:30,
cars: {
car1:"Ford",
car2:"BMW",
car3:"Fiat"
}
}
Você pode acessar objetos aninhados usando a notação de ponto ou a notação de colchetes:
Exemplo
myObj.cars.car2;
ou:
Exemplo
myObj.cars["car2"];
ou:
Exemplo
myObj["cars"]["car2"];
ou:
Exemplo
let p1 = "cars";
let p2 = "car2";
myObj[p1][p2];
Matrizes e objetos aninhados
Valores em objetos podem ser arrays e valores em arrays podem ser objetos:
Exemplo
const myObj =
{
name: "John",
age: 30,
cars: [
{name:"Ford",
models:["Fiesta", "Focus", "Mustang"]},
{name:"BMW", models:["320", "X3", "X5"]},
{name:"Fiat", models:["500", "Panda"]}
]
}
Para acessar arrays dentro de arrays, use um loop for-in para cada array:
Exemplo
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];
}
}
Atributos de propriedade
Todas as propriedades têm um nome. Além disso, eles também têm um valor.
O valor é um dos atributos da propriedade.
Outros atributos são: enumerável, configurável e gravável.
Esses atributos definem como a propriedade pode ser acessada (é legível?, é gravável?)
Em JavaScript, todos os atributos podem ser lidos, mas apenas o atributo value pode ser alterado (e somente se a propriedade for gravável).
( ECMAScript 5 tem métodos para obter e definir todos os atributos de propriedade)
Propriedades do protótipo
Objetos JavaScript herdam as propriedades de seu protótipo.
A palavra- delete
chave não exclui propriedades herdadas, mas se você excluir uma propriedade prototype, ela afetará todos os objetos herdados do protótipo.