20 ejercicios resueltos de arrays en JavaScript

20 ejercicios resueltos de arrays en JavaScript: recorridos, búsquedas, filtros, map, find, reduce, ordenamiento, duplicados y más, explicados paso a paso.


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

  1. Mostrar todos los elementos de un array
  2. Obtener la cantidad de elementos
  3. Sumar todos los elementos
  4. Calcular el promedio
  5. Encontrar el mayor valor
  6. Encontrar el menor valor
  7. Contar números pares
  8. Buscar un elemento con includes()
  9. Buscar la posición con indexOf()
  10. Filtrar números mayores a 10
  11. Duplicar todos los valores con map()
  12. Buscar un objeto con find()
  13. Comprobar si algún elemento cumple una condición
  14. Comprobar si todos cumplen una condición
  15. Eliminar duplicados
  16. Ordenar números de menor a mayor
  17. Invertir el orden de un array
  18. Sumar con reduce()
  19. Contar frecuencia de valores
  20. 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


¿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

☕ Apoyar con PayPal


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”

Deja un comentario

Descubre más desde Club Programador

Suscríbete ahora para seguir leyendo y obtener acceso al archivo completo.

Seguir leyendo