Seguro ya conoces los tipos de datos que puede tener una variable. Estos pueden ser cadenas de texto, números, booleanos, entre otros. Existe un tipo de dato llamado Array o arreglo que te permite agrupar N cantidad de valores, en una sola variable.
Tu primer array de datos
Los array son un tipo de dato que encontrarás en cualquier lenguaje de programación. Te permiten agrupar todos los valores que necesiten en una sola variable, agregar nuevos, quitarlos, reemplazarlos, entre otras acciones.
Para crear un arreglo en Javascript, utiliza los corchetes [], como si fuese una caja que guarda datos. Es buena práctica que la variable del tipo arreglo tenga su nombre en plural para indicar que dentro habrá una determinada cantidad de valores.
let mokepones =[];
Para agregar un nuevo elemento al array, tienes que utilizar la función push() que todos los arreglos poseen para "empujar" un nuevo valor dentro.
O también puedes hacerlo en una sola línea de código.
mokepones.push(hipodoge, capipepo, ratigueya);
Los arrays también permiten extraer el último valor agregado al mismo con la función pop().
let mokepon = mokepones.pop();
Otra función también muy útil que tienes que conocer de los arreglos es length que retorna la cantidad de valores dentro del mismo.
console.log(mokepones.length);// 3
Conocer la cantidad de datos dentro de un array te permitirá manipular la información y programar la lógica de tu aplicación con más precisión.
Conclusión
Los arrays son muy dinámicos, permiten hacer muchísimas cosas que explorarás poco a poco, como recorrer cada valor, filtrar datos, convertirlos, entre otras acciones. De momento ya conoces lo esencial para continuar con tu videojuego.
Consejo:
Si recién estás comenzando y te está costando un poco, trata de evitar leer los comentarios, hay algunos que tratan de aconsejar o brindar información más completa que lo que muestra el profesor y puede que te abrume. Solo escucha y aplica lo que se ve en la clase, tendrás mucho tiempo para ir conociendo más sobre la práctica y otros cursos de Platzi.
Siempre hay que repasar los comentarios. Si nos encontramos con un error en nuestro código, puede que encontremos la solución en alguno de los comentarios. Si el comentario no tiene que ver con lo que estamos viendo, o es más "avanzado" lo ignoramos. Hay algunos comentarios interesantes. Por otro lado, si vemos que alguien se encuentra un problema que nosotros tuvimos y resolvimos podemos dar una mano.
En JavaScript, los arrays son objetos incorporados que tienen una serie de métodos integrados que pueden ser utilizados para manipular y trabajar con los elementos del array. Algunos de los métodos más comunes en los arrays de JavaScript son:
.
push(): Agrega uno o más elementos al final del array y devuelve la nueva longitud del array.
pop(): Elimina el último elemento del array y devuelve ese elemento.
shift(): Elimina el primer elemento del array y devuelve ese elemento.
unshift(): Agrega uno o más elementos al inicio del array y devuelve la nueva longitud del array.
splice(): Permite agregar, eliminar o reemplazar elementos en cualquier posición del array.
slice(): Devuelve una copia de una parte del array, especificando un rango de índices.
concat(): Combina dos o más arrays en uno solo y devuelve el nuevo array resultante.
indexOf(): Busca la posición del primer elemento que coincida con el valor especificado y devuelve el índice de ese elemento, o -1 si no se encuentra en el array.
lastIndexOf(): Busca la posición del último elemento que coincida con el valor especificado y devuelve el índice de ese elemento, o -1 si no se encuentra en el array.
forEach(): Ejecuta una función para cada elemento del array, sin devolver un nuevo array.
map(): Crea un nuevo array con los resultados de aplicar una función a cada elemento del array original.
filter(): Crea un nuevo array con los elementos del array original que cumplen con una condición dada.
reduce(): Aplica una función acumulativa a cada elemento del array para reducirlo a un solo valor.
sort(): Ordena los elementos del array alfabéticamente o numéricamente, según el valor de los elementos.
reverse(): Invierte el orden de los elementos en el array.
.
Estos son algunos de los métodos más comunes que se pueden usar con los arrays en JavaScript, pero hay muchos más disponibles. La documentación de JavaScript es una buena fuente para conocer más métodos y sus usos.
Es un tipo de variable donde se puede guardar varia información.
Debemos crear una variables para que se guarden nuestras variables donde esta la información, pero esta variable debe utilizar [ ] ya que es una variable de tipo arreglo
Ejemplo:**let mokepones =[]**//En esta variable lo que buscamos es que se guarden hay nuestras variables que tiene la información //**mokepones.push(hipodoge,capipepo,ratigueya)**// Acá lo que estamos indicando es que con la función **push** nos empuje dentro de la variable tipo array **mokepones** nuestras variables que tiene la información.
Asi lo entendi yo al igual les dejo aca una documentación donde pueden entender mas.
En programación, un array o arreglo es una estructura de datos que permite almacenar y acceder a un conjunto de elementos del mismo tipo en una ubicación de memoria contigua.
.
Cada elemento del array tiene una posición única en el mismo y se puede acceder a él utilizando su índice. El índice de un array comienza en 0 y va hasta el número de elementos menos uno. Por ejemplo, un array con 5 elementos tendría índices de 0 a 4.
.
Los arrays son muy útiles en programación porque permiten trabajar con grandes cantidades de datos de manera eficiente y organizada. También son muy flexibles, lo que significa que pueden ser utilizados para resolver una amplia variedad de problemas.
.
En muchos lenguajes de programación, los arrays pueden ser inicializados con un tamaño fijo en el momento de su creación o pueden crecer o reducir dinámicamente durante la ejecución del programa. Además, los elementos de un array pueden ser de cualquier tipo de datos, como números, cadenas de texto, objetos, etc.
Buenas, alguien sabe porque si le cambio el nombre "constructor" no funciona el codigo?, es que al principio no me funcionaba porque me faltaba una letra en la palabra constructor, y me surgio la duda de porque no funciona si se supone que es un nombre, no?
--- Antes
class Mokepon {
/* AQUI me equivoque*/ contructor(nombre,foto,vida){
this.nombre = nombre
this.foto = foto
this.vida = vida
}
}
-- Despues
class Mokepon {
constructor(nombre,foto,vida){
this.nombre = nombre
this.foto = foto
this.vida = vida
}
}
Hola Irving, lo que pasa es que "constructor" es una propiedad de "class", es una palabra reservada por el sistema para hacer la acción que tiene preestablecida. Si la escribes mal, el editor no la detecta y manda error.
Lo que es nombre es el que le das a "class" que seria (Mokepon) o el que colocas dentro de los paréntesis de "constructor" que serian los nombres de los parámetros que tendrá la clase.
Pero "++class++" - "++constructor++" - "++this++" \ son palabras reservadas que se deben escribir bien para que hagan su función.
Espero haberte ayudado!
Muy bien, ahora usando el mismo ejemplo que puse la clase pasada de las pizzas, digamos que tengo clientes, que quieren pedir pizzas e ir agregando a un carrito de compras simbolico.
classPizza{constructor(tipo, tamaño){this.tipo= tipo;this.tamaño= tamaño;// Oirignalmente el precio era CERO, pero aqui cambia para calcular el precio por pizza solicitadathis.precio=this.calcularPrecio();}calcularPrecio(){if(this.tamaño==="grande"){return20;}elseif(this.tamaño==="mediana"){return15;}elseif(this.tamaño==="pequeña"){return10;}else{return0;}}}// Creamos un clien para asignarle un carrito de compras (Array)classCliente{constructor(nombreDelCliente){this.nombreDelCliente= nombreDelCliente;this.carrito=[];// Array vacío para las pizzas (El carrito de compras)}pedirPizza(tipo, tamaño, cantidad =1){// Crear una NUEVA instancia de Pizza conel constructor de la 'class Pizza'const pizzaObjeto =newPizza(tipo, tamaño);// Agregar la pizza al carrito con la cantidadconst pedido ={pizza: pizzaObjeto,// Aquí guardamos el OBJETO Pizza completocantidad: cantidad,};this.carrito.push(pedido);// Agregamos al carrito, cada vez que cliente pide una pizza}calcularTotal(){let total =0;this.carrito.forEach((pedido)=>{// pedido.pizza es el OBJETO Pizza, así que accedemos a su precio total += pedido.pizza.precio* pedido.cantidad;});return total;}}// **USANDO EL SISTEMA COMPLETO**// Crear clienteconst camila =newCliente("Camila");// Camila pide pizzas - cada una es un OBJETO Pizzacamila.pedirPizza("Champiñones","grande",1);camila.pedirPizza("Pepperoni","pequeña",2);camila.pedirPizza("Mostra","mediana",1);// Calcular total por separadoconst total = camila.calcularTotal();
En la practica el array (carrito de compras) del cliente, se veria tal que asi:
camila.carrito=[// Elemento en el Índice 0 (primer push){pizza:{tipo:"champiñones",tamaño:"grande",precio:20},cantidad:1,},// Elemento en el Índice 1 (segundo push){pizza:{tipo:"Pepperoni",tamaño:"pequeña",precio:10},cantidad:2,},// Elemento en el Índice 2 (tercer push){pizza:{tipo:"Hawaiana",tamaño:"mediana",precio:15},cantidad:1,},];