Agregar ataques a objetos en JavaScript

Los objetos y los arreglos pueden guardar cualquier tipo de estructura de datos que necesites. No hay limitaciones. Incluso puede combinar ambos para guardar niveles de información más complejos.

Arrays dentro de objetos

Crear clases es sencillo, basta con utilizar las palabras reservadas correctas como class y constructor y hacer el pasaje de información al instanciar el objeto con new.

class Mokepon {
    constructor(nombre, foto, vida) {
        this.nombre = nombre;
        this.foto = foto;
        this.vida = vida;
    }
}
let hipodoge = new Mokepon('Hipodoge', './assets/hipodoge.jpg', 5);

Una vez que tengas una variable que guarda ese objeto que has creado, puedes acceder a esta información utilizando un punto, seguido del nombre del atributo.

hipodoge.nombre;        // Hipodoge
hipodoge.foto;          // ./assets/hipodoge.jpg
hipodoge.vida;          // 5

Una clase puede tener todos los atributos que necesites, incluso un Array.

class Mokepon {
    constructor(nombre, foto, vida) {
        // ...
        this.ataques = [];
    }
}

Observa que no estamos pasando por parámetro al constructor el array de ataques del Mokepon, en su lugar puedes pasarle esta información posteriormente utilizando la función push() de los arreglos.

hipodoge.ataques.push(
    { nombre: ‘Agua’, id: ‘boton_agua’ },
    { nombre: ‘Fuego’, id: ‘boton_fuego’ },
    { nombre: ‘Tierra’, id: ‘boton_tierra’ }
)

Para acceder a la información dentro de un arreglo, puedes seleccionar la misma utilizando [] y el índice que le corresponde a la posición del valor, comenzando por cero.

hipodoge.ataques[0];    // { nombre: ‘Agua’, id: ‘boton_agua’ }
hipodoge.ataques[1];    // { nombre: ‘Fuego’, id: ‘boton_fuego’ }
hipodoge.ataques[2];    // { nombre: ‘Tierra’, id: ‘boton_tierra’ }

De esta manera, estás creando un array de objetos y cada objeto tiene otro array dentro. Puedes construir todas las estructuras de información que necesiten guardar utilizando estas dos herramientas.

Conclusión

Será muy importante para ti conocer todas las posibilidades para guardar información, sus combinaciones y cómo acceder a los datos para implementarlo. Todo lo visto hasta aquí, tanto los fundamentos como la sintaxis del código, te servirán para trabajar con cualquier lenguaje de programación.

---

Contribución creada por: Kevin Fiorentino (Platzi Contributor)