Atributos de objeto de JavaScript

Propiedadesson la asociación entre el nombre (clave) y el valor dentro del objeto y puede contener cualquier tipo de datos.

PropiedadesGeneralmente se refiere a las características de un objeto.

Generalmente se pueden cambiar, agregar y eliminar propiedades, pero algunas propiedades son de solo lectura.

Acceder a propiedades JavaScript

Hay dos métodos para acceder a las propiedades del objeto:

• Método de punto: .

• Símbolos de corchetes: []

Vamos a volver a visitar el ejemplo de objeto originaluser.

user.firstName;

user["firstName"];

El punto y los corchetes se utilizan con frecuencia. Sin embargo, el método de punto (.) es más rápido y más legible.

Agregar nueva propiedad

Para agregar nuevas propiedades al objeto, puede usar el operador de asignación (=) para asignar nuevos valores a las propiedades.

Supongamos que el objeto usuario ya existe-Luego se puede asignar nuevas propiedades:

user.weapon = "Sword";

Nota: evite usar palabras reservadas en los nombres de propiedades o métodos.

Modificar propiedad del objeto

Se puede modificar una propiedad del objeto asignando un nuevo valor a la propiedad existente.

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

Eliminar propiedad del objeto

Para eliminar una propiedad del objeto, utilizaremos la palabra clave delete.

Delete es el operador utilizado para eliminar propiedades de un objeto, puede eliminar propiedades del objeto.

A continuación, se muestra un ejemplo de cómo eliminar una propiedad de un objeto:

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

El operador delete eliminará los dos valores de la propiedad y la propiedad en sí.

No se debe usar el operador delete en propiedades de objetos JavaScript predefinidas. Puede hacer que su aplicación se caiga.

recorrer las propiedades del objeto

JavaScript tienebucle for...inBucle especializado para iterar sobre las propiedades del objeto.

Sintaxis:

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

Esta es la versión simplificada del ejemplo principal de nuestro objeto: el usuario.

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

Usando los símbolos de paréntesis, podemos recuperar el valor de la propiedad como una variable, en este ejemplo x:

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

bucle for...inEl bucle no debe mezclarse conbucle for...ofConfusión de bucle, el último se utiliza solo en tipos de objetos Array.

Otro método útil para enumerar es el método Object.keys(), que devuelve un array de propiedades del objeto.

//　Inicializar métodos en el objeto usuario para devolver las claves de las propiedades
Object.keys(user);

Este método nos permite usar las propiedades del objeto como un array, por lo que podemos aprovechar todos los métodos del array de JavaScript.

Propiedades internas de la propiedad

Todas las propiedades tienen un nombre. Además, también tienen un valor de propiedad.

Este valor es una propiedad de la propiedad.

Otras propiedades son: enumerables, configurables y writables.

Estas propiedades definen la forma de acceso a las propiedades (lectura, escritura).

En JavaScript, se pueden leer todas las propiedades, pero solo se puede cambiar el valor de las propiedades (y solo cuando el atributo esté en estado de escritura).