Los arrays en JavaScript aparecen constantemente en aplicaciones reales: listas de usuarios, productos, tareas, resultados de APIs y muchos otros datos. En esta guía vas a practicar sus operaciones más comunes con 20 ejercicios resueltos.
Si necesitás repasar la teoría primero, consultá Arrays en JavaScript: métodos, recorridos, map, filter, find y reduce. También podés empezar por 20 ejercicios resueltos de JavaScript para principiantes.
Índice de ejercicios
- Mostrar todos los elementos de un array
- Obtener la cantidad de elementos
- Sumar todos los elementos
- Calcular el promedio
- Encontrar el mayor valor
- Encontrar el menor valor
- Contar números pares
- Buscar un elemento con includes()
- Buscar la posición con indexOf()
- Filtrar números mayores a 10
- Duplicar todos los valores con map()
- Buscar un objeto con find()
- Comprobar si algún elemento cumple una condición
- Comprobar si todos cumplen una condición
- Eliminar duplicados
- Ordenar números de menor a mayor
- Invertir el orden de un array
- Sumar con reduce()
- Contar frecuencia de valores
- Agrupar objetos por una propiedad
1. Mostrar todos los elementos de un array
Enunciado: Recorrer un array y mostrar cada elemento.
const frutas = ["manzana", "pera", "banana"]; for (const fruta of frutas) { console.log(fruta); }
for...of recorre directamente los valores del array, por lo que resulta claro cuando sólo necesitamos leerlos.
2. Obtener la cantidad de elementos
Enunciado: Mostrar cuántos elementos contiene un array.
const numeros = [10, 20, 30, 40]; console.log(numeros.length);
La propiedad length devuelve la cantidad de elementos del array.
3. Sumar todos los elementos
Enunciado: Calcular la suma total de un array numérico.
const numeros = [4, 7, 10, 3]; let suma = 0; for (const numero of numeros) { suma += numero; } console.log(suma);
La variable suma funciona como acumulador y recibe cada valor durante el recorrido.
4. Calcular el promedio
Enunciado: Obtener el promedio de los números de un array.
const numeros = [8, 6, 9, 7]; let suma = 0; for (const numero of numeros) { suma += numero; } const promedio = suma / numeros.length; console.log(promedio);
El promedio se obtiene dividiendo la suma por length. Conviene comprobar que el array no esté vacío antes de dividir en una aplicación real.
5. Encontrar el mayor valor
Enunciado: Buscar el número más grande del array.
const numeros = [12, 5, 31, 18, 9]; let mayor = numeros[0]; for (const numero of numeros) { if (numero > mayor) { mayor = numero; } } console.log(mayor);
Inicializar mayor con el primer elemento evita errores cuando todos los valores son negativos.
6. Encontrar el menor valor
Enunciado: Buscar el número más pequeño del array.
const numeros = [12, 5, 31, 18, 9]; let menor = numeros[0]; for (const numero of numeros) { if (numero < menor) { menor = numero; } } console.log(menor);
El procedimiento es igual al del máximo, cambiando la comparación.
7. Contar números pares
Enunciado: Contar cuántos valores pares tiene el array.
const numeros = [3, 8, 10, 7, 12, 5]; let cantidad = 0; for (const numero of numeros) { if (numero % 2 === 0) { cantidad++; } } console.log(cantidad);
El operador % permite comprobar si el resto de dividir por 2 es cero.
8. Buscar un elemento con includes()
Enunciado: Comprobar si un valor existe dentro del array.
const lenguajes = ["JavaScript", "Python", "PHP"]; console.log(lenguajes.includes("Python"));
includes() devuelve true o false y no modifica el array.
9. Buscar la posición con indexOf()
Enunciado: Obtener el índice de un elemento.
const colores = ["rojo", "verde", "azul"]; const posicion = colores.indexOf("verde"); console.log(posicion);
indexOf() devuelve el índice de la primera coincidencia. Si no encuentra el valor devuelve -1.
10. Filtrar números mayores a 10
Enunciado: Crear un nuevo array sólo con valores mayores a 10.
const numeros = [4, 18, 7, 25, 10, 31]; const mayores = numeros.filter(function (numero) { return numero > 10; }); console.log(mayores);
filter() crea un nuevo array con los elementos que cumplen la condición. El array original no se modifica.
11. Duplicar todos los valores con map()
Enunciado: Crear un nuevo array multiplicando cada número por 2.
const numeros = [1, 2, 3, 4]; const dobles = numeros.map(function (numero) { return numero * 2; }); console.log(dobles);
map() transforma cada elemento y devuelve un nuevo array con la misma cantidad de posiciones.
12. Buscar un objeto con find()
Enunciado: Encontrar el primer objeto que cumpla una condición.
const usuarios = [ { id: 1, nombre: "Ana" }, { id: 2, nombre: "Luis" }, { id: 3, nombre: "Marta" } ]; const usuario = usuarios.find(function (item) { return item.id === 2; }); console.log(usuario);
find() devuelve el primer elemento que cumple la condición. Si no encuentra ninguno devuelve undefined.
13. Comprobar si algún elemento cumple una condición
Enunciado: Determinar si existe al menos un número negativo.
const numeros = [5, 8, -2, 10]; const hayNegativos = numeros.some(function (numero) { return numero < 0; }); console.log(hayNegativos);
some() devuelve true apenas encuentra un elemento que cumpla la condición.
14. Comprobar si todos cumplen una condición
Enunciado: Verificar si todos los números son positivos.
const numeros = [5, 8, 2, 10]; const todosPositivos = numeros.every(function (numero) { return numero > 0; }); console.log(todosPositivos);
every() devuelve true sólo si todos los elementos cumplen la condición.
15. Eliminar duplicados
Enunciado: Crear un nuevo array con valores únicos.
const numeros = [1, 2, 2, 3, 4, 4, 5]; const unicos = [...new Set(numeros)]; console.log(unicos);
Set conserva valores únicos. El operador spread ... los copia dentro de un nuevo array.
16. Ordenar números de menor a mayor
Enunciado: Ordenar un array numérico correctamente.
const numeros = [20, 3, 100, 8, 1]; numeros.sort(function (a, b) { return a - b; }); console.log(numeros);
sort() modifica el array original. La función a - b fuerza un orden numérico ascendente.
17. Invertir el orden de un array
Enunciado: Dar vuelta el orden de los elementos.
const letras = ["a", "b", "c", "d"]; letras.reverse(); console.log(letras);
reverse() modifica el array original. Si necesitás conservarlo, conviene copiarlo antes.
18. Sumar con reduce()
Enunciado: Calcular la suma utilizando reduce().
const numeros = [4, 7, 10, 3]; const suma = numeros.reduce(function (acumulador, numero) { return acumulador + numero; }, 0); console.log(suma);
reduce() combina todos los elementos en un único resultado. El segundo argumento, 0, es el valor inicial del acumulador.
19. Contar frecuencia de valores
Enunciado: Crear un objeto indicando cuántas veces aparece cada elemento.
const frutas = ["pera", "manzana", "pera", "banana", "pera"]; const frecuencia = {}; for (const fruta of frutas) { frecuencia[fruta] = (frecuencia[fruta] || 0) + 1; } console.log(frecuencia);
El objeto usa cada fruta como clave y acumula la cantidad de apariciones.
20. Agrupar objetos por una propiedad
Enunciado: Agrupar productos según su categoría.
const productos = [ { nombre: "Mouse", categoria: "tecnologia" }, { nombre: "Teclado", categoria: "tecnologia" }, { nombre: "Silla", categoria: "muebles" }, { nombre: "Mesa", categoria: "muebles" } ]; const grupos = {}; for (const producto of productos) { const categoria = producto.categoria; if (!grupos[categoria]) { grupos[categoria] = []; } grupos[categoria].push(producto); } console.log(grupos);
Se crea una propiedad por categoría y dentro de cada una se guarda un array. push() agrega el producto al final del grupo correspondiente y modifica ese array.
Métodos que practicamos
A lo largo de los ejercicios usamos length, includes(), indexOf(), filter(), map(), find(), some(), every(), sort(), reverse(), reduce(), push() y Set. Algunos crean un nuevo array y otros modifican el original, una diferencia importante cuando trabajás con datos reales.
Seguí aprendiendo JavaScript
- Guía completa de JavaScript
- 20 ejercicios resueltos de JavaScript para principiantes
- Funciones en JavaScript
- Objetos y JSON en JavaScript
¿Te sirvió esta guía? ☕
Si este contenido te ayudó a aprender JavaScript, podés apoyar a Club Programador. Cada aporte ayuda a mantener el sitio online y a seguir publicando material gratuito.
🇦🇷 Apoyar desde Argentina
☕ Invitame un café con Mercado Pago
🌎 Apoyar desde otro país
Descubre más desde Club Programador
Suscríbete y recibe las últimas entradas en tu correo electrónico.
Un comentario en “20 ejercicios resueltos de arrays en JavaScript”