JavaScript

Cómo obtener el valor máximo en JavaScript array

Last updated: 21.02.2026
Views: 167

Una breve nota sobre cómo encontrar el valor máximo en una matriz de JavaScript con valores numéricos. El objeto Array en JS no tiene su propio método max.

Para encontrar el valor máximo en una matriz de JavaScript, puede utilizar varios métodos. Estos son los enfoques más comunes y eficientes:

1. Uso de Math.max() con el operador spread

La función Math.max() devuelve el número más grande de un conjunto de números y puedes usar el operador spread (...) para pasar los elementos array como argumentos individuales.

const numbers = [3, 5, 7, 2, 8];
const max = Math.max(...numbers);
console.log(max); // Output: 8

2. Uso del método reduce()

El método reduce() recorre la matriz y realiza un seguimiento del valor máximo.

const numbers = [3, 5, 7, 2, 8];
const max = numbers.reduce((acc, curr) => (curr > acc ? curr : acc), -Infinity);
console.log(max); // Output: 8

3. Uso de un for loop

Puedes recorrer manualmente el array para encontrar el valor máximo.

const numbers = [3, 5, 7, 2, 8];
let max = numbers[0];

for (let i = 1; i < numbers.length; i++) {
  if (numbers[i] > max) {
    max = numbers[i];
  }
}
console.log(max); // Output: 8

4. Uso de Array.prototype.sort() (no recomendado)

Puede ordenar la matriz en orden descendente y tomar el primer elemento. Sin embargo, este método modifica el array original, lo que puede no ser siempre deseable.

const numbers = [3, 5, 7, 2, 8];
numbers.sort((a, b) => b - a);
console.log(numbers[0]); // Output: 8

5. Uso de Math.max() con apply() (para navegadores más antiguos)

Para navegadores más antiguos que no admiten el operador de propagación, puede usar Function.prototype.apply() para pasar la matriz a Math.max().

const numbers = [3, 5, 7, 2, 8];
const max = Math.max.apply(null, numbers);
console.log(max); // Output: 8

¿Qué método utilizar?

  • Utilice Math.max(...array): es conciso y funciona bien en la mayoría de los casos.
  • Utilice reduce(): si trabaja con operaciones más complejas o prefiere la programación funcional.
  • Utilice un for loop: si necesita más control o trabaja en un entorno sin funciones modernas de JavaScript.
author
Autor: Igor Rybalko
He estado trabajando como desarrollador front-end desde 2014. Mi principal pila tecnológica es Vue.js y WordPress.

Publicaciones similares:

  • Formas de crear objetos en JavaScript
    Hay varias formas de crear objetos en JavaScript. El tipo de datos Object desempeña un papel fundamental en JS. Un objeto es un conjunto desordenado de pares clave-valor....
  • Menú drop down (jQuery)
    El menú drop down se puede hacer sin JavaScript, solo con la ayuda de CSS. Con :hover. Pero el menú de JavaScript tiene sus ventajas. La más importante es el retraso en l...
  • Componente de acordeón Vue
    Un plugin sencillo y ligero para el componente acordeón de Vue 3. Admite el registro global de plugins y el uso local de componentes. Escrito en TypeScript. El componente...

Leave a Reply

Your email address will not be published. Required fields are marked *

Blue Captcha Image
Refresh

*