JavaScript

Як отримати максимальне значення в масиві JavaScript

Last updated: 21.02.2026
Views: 71

Коротка замітка про пошук максимального значення в масиві JavaScript із числовими значеннями. Об’єкт Array в JS не має власного методу max.

Щоб знайти максимальне значення в масиві JavaScript, ви можете використовувати декілька методів. Ось найпоширеніші та ефективні підходи:

1. Використання Math.max() з оператором spread

Функція Math.max() повертає найбільше число з набору чисел, і ви можете використовувати оператор spread (...), щоб передати елементи масиву як окремі аргументи.

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

2. Використання методу reduce()

Метод reduce() виконує ітерацію по масиву та відстежує максимальне значення.

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

3. Використання циклу for

Ви можете прокрутити масив, щоб знайти максимальне значення.

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. Використання Array.prototype.sort() (не рекомендується)

Ви можете відсортувати масив за зростанням і взяти перший елемент. Однак цей метод змінює оригінальний масив, що не завжди може бути бажаним.

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

5. Використання Math.max() із apply() (для старих браузерів)

Для старих браузерів, які не підтримують оператор spread, ви можете використовувати Function.prototype.apply(), щоб передати масив до Math.max().

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

Який метод використовувати?

  • Використовуйте Math.max(...array): він стислий і добре працює в більшості випадків.
  • Використовуйте reduce(): якщо ви працюєте зі складнішими операціями або надаєте перевагу функціональному програмуванню.
  • Використовуйте цикл for: якщо вам потрібен більше контролю або ви працюєте в середовищі без сучасних функцій JavaScript.
author
Автор: Ігор Рибалко
Працюю фронтенд розробником з 2014 року. Основний стек технологій - Vue.js і WordPress

Схожі записи:

  • Ітерація елементів масиву без циклу
    Приклади дуже абстрактні, оскільки цикли існують. Наша умова буде такою. Потрібно вибрати всі елементи масиву за заданим атрибутом. Або, якщо сказати точніше, потрібно ві...
  • Swipe події на сенсорних пристроях у JavaScript
    Кожен день сенсорні пристрої впроваджуються в наше життя. Ці пристрої мають певні події, на відміну від настільного комп’ютера. Однією з таких подій є swipe (свайп). Особ...
  • Плагін jQuery Tabs
    Таби – досить поширений елемент. В Інтернеті є різні реалізації цього елемента. Але часто такі таби перевантажені кодом, наповнені ефектами, які навряд чи знадобляться в ...

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *