AÑADIENDO OBJETO DENTRO UN ARRAY

Sección 1: Declaración de variables y funciones

    let listadoMascotas = [];

• Se declara una variable listadoMascotas como un arreglo vacío.

    function ObjetoMascota(nombre, raza, color) 
    {
      this.Nombre = nombre;
      this.Raza = raza;
      this.Color = color;
    }

• Se define una función constructora ObjetoMascota que crea objetos con propiedades Nombre, Raza y Color.
• La palabra clave this se utiliza para referirse al objeto que se está creando.

Sección 2: Funciones para agregar y mostrar mascotas

  function agregarMascota(nombre, raza, color) 
  {
    let mascota = new ObjetoMascota(nombre, raza, color);
    listadoMascotas.push(mascota);
  }

• Se define una función agregarMascota que recibe tres parámetros: nombre, raza y color.
• Se crea un nuevo objeto ObjetoMascota con los parámetros recibidos.
• Se agrega el objeto al arreglo listadoMascotas utilizando el método push.

  function mostrarListadoMascotas() 
  {
    console.log("Listado de Mascotas:");
    listadoMascotas.forEach(function(mascota, indice) 
    {
      console.log(`Mascota ${indice + 1}:`);
      console.log(`Nombre: ${mascota.Nombre}`);
      console.log(`Raza: ${mascota.Raza}`);
      console.log(`Color: ${mascota.Color}`);
      console.log("--------------------");
    });
  }

• Se define una función mostrarListadoMascotas que muestra el listado de mascotas.
• Se utiliza el método forEach para recorrer el arreglo listadoMascotas.
• Para cada mascota, se muestra su información en la consola.

Sección 3: Función para mostrar una mascota por índice

  function mostrarMascotaPorIndice(indice) 
  {
    if (indice >= 0 && indice < listadoMascotas.length) 
    {
      let mascota = listadoMascotas[indice];
      console.log(`Mascota ${indice + 1}:`);
      console.log(`Nombre: ${mascota.Nombre}`);
      console.log(`Raza: ${mascota.Raza}`);
      console.log(`Color: ${mascota.Color}`);
    } 
    else 
    {
      console.log("Índice no válido");
    }
  }

• Se define una función mostrarMascotaPorIndice que recibe un índice como parámetro.
• Se verifica si el índice es válido (entre 0 y la longitud del listado).
• Si el índice es válido, se muestra la información de la mascota correspondiente.
• Si el índice no es válido, se muestra un mensaje de error.

Sección 4: Ejecución del código

  agregarMascota("Max", "Golden Retriever", "Dorado");
  agregarMascota("Luna", "Gato Siames", "Gris");
  agregarMascota("Bella", "Poodle", "Blanco");

  mostrarListadoMascotas();

  mostrarMascotaPorIndice(1);

• Se agregan tres mascotas al listado utilizando la función agregarMascota.
• Se muestra el listado de mascotas utilizando la función mostrarListadoMascotas.
• Se muestra la información de la mascota en el índice 1 utilizando la función mostrarMascotaPorIndice.

CODIGO COMPLETO

Codigo completo

<script>
// Array global para almacenar objetos Mascota
let listadoMascotas = [];

// Función constructora para crear objetos Mascota
function ObjetoMascota(nombre, raza, color) {
  this.Nombre = nombre;
  this.Raza = raza;
  this.Color = color;
}

// Función para agregar mascotas al listado
function agregarMascota(nombre, raza, color) {
  let mascota = new ObjetoMascota(nombre, raza, color);
  listadoMascotas.push(mascota);
}

// Función para mostrar el listado de mascotas
function mostrarListadoMascotas() {
  console.log("Listado de Mascotas:");
  listadoMascotas.forEach(function(mascota, indice) {
    console.log(`Mascota ${indice + 1}:`);
    console.log(`Nombre: ${mascota.Nombre}`);
    console.log(`Raza: ${mascota.Raza}`);
    console.log(`Color: ${mascota.Color}`);
    console.log("--------------------");
  });
}

// Función para mostrar una mascota por índice
function mostrarMascotaPorIndice(indice) {
  if (indice >= 0 && indice < listadoMascotas.length) {
    let mascota = listadoMascotas[indice];
    console.log(`Mascota ${indice + 1}:`);
    console.log(`Nombre: ${mascota.Nombre}`);
    console.log(`Raza: ${mascota.Raza}`);
    console.log(`Color: ${mascota.Color}`);
  } else {
    console.log("Índice no válido");
  }
}

// Agregar mascotas al listado
agregarMascota("Max", "Golden Retriever", "Dorado");
agregarMascota("Luna", "Gato Siames", "Gris");
agregarMascota("Bella", "Poodle", "Blanco");

// Mostrar el listado de mascotas
mostrarListadoMascotas();

// Mostrar una mascota por índice
mostrarMascotaPorIndice(1);
</script>