Tema anterior: Curso de JavaScript | Funciones en JavaScript
Hemos aprendido acerca de los diferentes tipos de datos que nos proporciona javascript, la mayoría de ellos de naturaleza primitiva. Los objetos no son de naturaleza primitiva y son un poco complejos de entender. Todo en javascript es básicamente un objeto, y esa es la razón por la que se vuelve muy importante tener una buena comprensión de lo que son. Los objetos se utilizan para almacenar colecciones clave de varios datos y entidades más complejas.
Podemos crear objetos de múltiples maneras. Una es haciendo uso de corchetes {…} con una lista opcional de propiedades. Las propiedades de un objeto están en forma de par ‘clave: valor’. Otra forma es hacer uso de la palabra clave ‘nuevo’.
Se puede crear un Objeto vacío usando la sintaxis dada a continuación.
let person = new Object(); // "object constructor" syntax
let person = {}; // "object literal" syntax
Ambos métodos son correctos, aunque depende totalmente de usted qué elegir. También podemos poner propiedades dentro de un Objeto como:
Ejemplo:
<script>
// an object
let person = {
name: "Mukul", // by key "name" store value "Mukul"
age: 22 // by key "age" store value 22
};
</script>
En el ejemplo anterior, tenemos un objeto simple llamado ‘persona’ que tiene dos propiedades dentro, es decir, ‘nombre’ y ‘edad’ en forma de par ‘clave: valor’ donde la clave está a la izquierda de los dos puntos y el valor siempre a la derecha.
Después de crear un objeto, debemos saber cómo acceder a las propiedades de un objeto y hay dos métodos disponibles para eso.
objectname.propertyname; // dot notation objectname['propertyname']; // bracket notation
El primer método se conoce como ‘notación de puntos’ y el segundo se conoce como ‘notación de corchetes’. Ambos hacen lo mismo.
Ejemplo:
<script>
// getting property values
let person = {
name: "Mukul", // by key "name" store value "Mukul"
age: 22 // by key "age" store value 22
};
document.write(person.name+'</br>');
document.write(person['age']);
</script>
Producción:
Mukul 22
Podemos agregar propiedades a un objeto en cualquier momento, el mismo caso con la eliminación de los valores.
Ejemplo:
<script>
// an object
let person = {
name: "Mukul", // by key "name" store value "Mukul"
age: 22 // by key "age" store value 22
};
// adding values to the person object
person.isHappy = 'false';
document.write(person.isHappy);
</script>
Producción:
false
Para agregar una propiedad a un objeto, simplemente escribimos el nombre del objeto y usamos la notación de puntos y asignamos un valor y automáticamente se agrega al objeto como en el ejemplo anterior. En caso de que queramos eliminar una propiedad, usamos la palabra clave delete seguida de la sintaxis normal de acceso a la propiedad.
Ejemplo:
<script>
// an object
let person = {
name: "Mukul", // by key "name" store value "Mukul"
age: 22 // by key "age" store value 22
};
// adding values to the person object
delete person.age;
document.write(person.age);
</script>
Producción:
undefined
En el código anterior, eliminamos la propiedad de edad del Objeto de persona y luego intentamos imprimirlo en la pantalla, se imprimirá ‘indefinido’ ya que no existe.
Bucle a través de un objeto
Bucle a través de un objeto es lo que un desarrollador de javascript debe saber. Hacemos uso del bucle for..in mientras recorremos un objeto.
for( let Key in person) {
alert(key) // will print the property key
alert(person[key]) // will print the value of each key
}
Ejemplo:
<script>
// an object
let person = {
name: "Mukul", // by key "name" store value "Mukul"
age: 22 // by key "age" store value 22
};
// looping using for..in loop
for( let key in person ) {
alert(key);
alert(person[key]);
}
</script>
Producción:
name Mukul age 22
Siguiente tema: Curso de JavaScript | Proyecto de seguimiento de tareas