10.md

objetos

Nuestra lista de tipos de datos conocidos se compone de números, string, booleanos, undefined, y arrays. En este módulo vamos a aprender uno nuevo: objetos.

Un objeto es una colección de nombres y valores que denominamos propiedades. Nos van a servir para modelar información tal como lo hacemos en la vida real.

Para crear un objeto basta con usar {} (llaves) y pares opcionales de nombres y valores para asignar propiedades al objeto en cuestión. Veamos un ejemplo:

// Declaro la variable nicolas y le asigno un objeto que describe
// las caracteristicas de esa persona
var nicolas = {
    // Usamos la , (coma) al final para indicar que vamos a agregar más
    // propiedades
    nombreCompleto: 'Nicolas López',
    altura: 2,
    edad: 18,
    peso: 79,
    colorFavorito: 'Azul'
};

// Mostramos por la terminal el objeto `nicolas`
console.log(nicolas);

Podríamos decir que una propiedad es una variable asociada a un objeto. Estas propiedades funcionan igual que las variables que ya conocemos, solo que "viven en el contexto del objeto". Esto quiere decir que vamos a poder realizar operaciones y asignaciones como estamos acostumbrados usando la notación de . (puntos).

// Declaro y asigno una variable llamada `miGato` con la propiedad nombre
// equivalente a 'Tom'
var miGato = {
    nombre: 'Tom'
};

// Muestro por pantalla solo el nombre de mi gato
console.log(miGato.nombre); // 'Tom'

// Asigno un nuevo nombre a mi gato
// (No sé por que motivo elegiría cambiárselo jaja)
miGato.nombre = 'Jerry';

// Muestro por pantalla el nuevo nombre de mi gato
console.log(miGato.nombre); // 'Jerry'

Tips

1. También podemos crear objetos de la siguiente manera:

   var miGato = new Object({
       nombre: 'Tom'
   });

2. Las propiedades de un objeto pueden contener todos los tipos de datos que ya aprendiste: números, string, booleanos, arrays e incluso otros objetos. Ejemplo:

   var planeta = {
       nombre: 'Tierra', // propiedad de tipo string
       hayVida: true, // propiedad booleana
       numeroDeContinentes: 5, // propiedad numérica
       nombreDeContinentes: [ // propiedad de tipo array
           'America',
           'Europa',
           'Asia',
           'Oceanía',
           'Africa'
       ],
       características: { // propiedad de tipo objeto
           hayAgua: true,
           cantidadDeLunas: 1
       }
   };

3. Podés usar objetos como elementos de un array, como lo hiciste con los demás tipos de datos:

   var usuarios = [
       {
           nombre: 'Juan',
           edad: 20
       },
       {
           nombre: 'Pedro',
           edad: 30
       },
       {
           nombre: 'Brian',
           edad: 40
       }
   ];

Ejercicios

1. Declará y asigná un objeto llamado miRecetaMatadora que contenga 3 propiedades: titulo (string), porciones (número) e ingredientes (array de string). Mostrar el objeto creado en la terminal

2. Escribí un programa que:

   • Declare 3 objetos llamados persona1, persona2 y persona3 con las siguientes propiedades: nombre (string) y edad (numero)
   • Declare un array llamado usuarios y use los 3 objetos anteriormente creados como elementos.
   • Muestre por la terminal la cantidad de usuarios del array.
   • Muestre por la terminal la edad del segundo elemento del array.
   • Muestre por la terminal el nombre del primer elemento del array.

Respuestas