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.
Recuerden que nosotros los programadores contamos desde 0 🤣
jajajajja... Hijx, vaya compreme 5 tomates
-> Llega con 6
Me paso el otro día cuando me preguntaron cuantos meses tiene mi perro 😅😅
Les dejo un pequeño cheatsheet de los métodos que puede tener un array
Es un buen resumen, gracias! :)
Que útil! Muchas gracias!
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.
yo solo pienso que los que comentan cosas superiores a los profes, son gente superDotada! y yo soy normalito!
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.
Corchetes cuadrados = Alt + 91
El buen codigo ascii
¿[ ]?
El truco esta en ver los arreglos como cajitas y la matrices como bodegas. 😶🌫️
Si, es muy buena nemotecnia
arrays = son un tipo variable donde se pueden guardar diferentes valores de forma ilimitada, sin importar que sean números, letras, objetos
[] = simboliza cada uno de los valores dentro de un arreglo
Ejemplo; let = mokepones [ ]
.push() es un método que inyecta ciertas propiedades a una variable o arreglo.
Ejemplo: mokepones.push (hipodoge, capipepo, ratigueya)
yo diría que el Push no le agrega nada a una variable...lo que hace es agrupar elementos en un arreglo.
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.
Muchas gracias por tu aporte, estaba buscando una lista de los métodos más comunes con una breve descripción y tu comentario me ayudó.
Daily reminder: Los arrays siempre empiezan por el 0
quien en el 2024 😁
yooooooo
buenas
Arrays o arreglos:
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.
Muy buen aporte.
No entiendo, en un array se guarda el id de ese objeto, o se guarda toda la información de ese objeto?
A lo que entendí se guarda todo porque llamas al objeto y el objeto ya tiene en si toda la información
Un array es una colección o lista o grupo de objetos.
En este caso es una colección o conjunto de mokepones.
Esto de los Arrays es muy util, que suerte que podemos almazenar varios valores!!
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,},];
gracias por tu comentario ayuda mucho de verdad pero se nota que estás en otro nivel ajajajaja
Array:
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.
great.
No sabía que a los array se los llamaba arreglos, yo los conocía como listas porque, bueno, eran como una lista de cosas 🛒🧾🛍.
Me parece súper útil saber diferentes formas de llamar a las cosas porque así puedo leer documentaciones diferentes y saber a qué se refieren 💫
no entiendo. Estamos viendo todo de vuelta? los mismos temas?
No. Solo es una recapitulación antes de entrar al tema de arrays.
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!