JS метод Math.max()


Загальний опис

Math.max() - це метод у вбудованому об'єкті Math в мові програмування JavaScript. Його основна місія - знаходити найбільше значення з-поміж наданих чисел.

Цей метод незамінний у випадках, коли потрібно швидко і ефективно з'ясувати найбільше значення з серед числового набору. Зокрема, це може бути корисно при розрахунках, знаходженні максимальних значень масивів, виборі оптимальних рішень тощо.

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

Основні сфери застосування:

  • Знаходження максимального значення в масиві;
  • Визначення лімітів у розрахунках;
  • Прийняття рішень на основі числових значень.

Основні особливості та прийоми:

  1. Просте використання: Для порівняння двох чисел просто передайте їх як аргументи:

    let maxNumber = Math.max(5, 10); // maxNumber буде 10
    
  2. Довільна кількість аргументів: Ви можете порівняти будь-яку кількість чисел, передавши їх як аргументи:

    let maxValue = Math.max(1, 4, 7, 9, 15); // maxValue буде 15
    
  3. Використання з масивами: Щоб знайти максимальне значення в масиві, використовуйте оператор розпаковування (...):

    let numbers = [2, 5, 8, 12, 3];
    let maxInArray = Math.max(...numbers); // maxInArray буде 12
    

Якщо ви не передасте жодного аргументу, Math.max() поверне -Infinity.

Якщо один із аргументів не є числом або не може бути перетворений у число, результатом буде NaN.

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

автор: Bond

Порада

Метод Math.max() може приймати як аргументи не тільки числа, а й масив чисел. Щоб використовувати масив, використовуйте оператор розпакування (...). Наприклад, якщо у вас є масив чисел numbers, ви можете знайти найбільше число за допомогою: Math.max(...numbers).

автор: Bond
Нотатка

Для початківців важливо пам'ятати, що якщо метод Math.max() викликано без аргументів, він поверне -Infinity.

автор: Bond
Нотатка

Можна комбінувати Math.max() з іншими функціями і методами для отримання потрібних результатів. Наприклад, якщо ви хочете отримати індекс найбільшого елемента в масиві, використовуйте: numbers.indexOf(Math.max(...numbers)).

автор: Bond

Синтаксис

Math.max()
Math.max(value1)
Math.max(value1, value2)
Math.max(value1, value2, /* …, */ valueN)

Параметри

value1

Перше число з серед тих, серед яких буде вибрано та повернено найбільше значення.

автор: Bond

valueN

Додаткові числа, серед яких буде вибрано та повернено найбільше значення.

автор: Bond

Повернення

number

Повертає найбільше з наданих чисел. Якщо будь-який з параметрів є або перетворюється на NaN, метод повертає NaN. У випадку відсутності параметрів метод повертає -Infinity.

автор: Bond

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
1 1 1 3 12 3
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
4.4 18 4 1
Підтримка: серверні переглядачі
Переглядач Node.js Deno
0.10.0 1.0

Приклади

+ запропонувати свій приклад у пісочниці

У цьому прикладі користувач може вводити числа через кому, а потім натискає кнопку, щоб знайти найбільше число з-поміж них.

автор: Bond

У цьому прикладі ми маємо масив чисел numbers. Щоб знайти максимальне значення в масиві, ми можемо використовувати метод Math.max(). Однак, оскільки цей метод приймає числа як окремі аргументи, а не як масив, нам потрібно використовувати оператор розпаковування (...), щоб "розпакувати" значення масиву в якості окремих аргументів для методу. В результаті, найбільше число в масиві буде знайдено і збережено у змінній maxNumber.

// Масив чисел
let numbers = [13, 2, 57, 34, 9];

// Використовуючи Math.max та оператор розпаковування, знаходимо максимальне значення
let maxNumber = Math.max(...numbers);

console.log(maxNumber); // Виведе: 57
автор: Bond

У цьому прикладі ми спочатку запитуємо у користувача ввести три числа за допомогою функції prompt(). Оскільки prompt() повертає рядок, нам потрібно перетворити отримані значення на числа за допомогою функції parseFloat(). Після цього ми можемо використовувати Math.max() для визначення найбільшого числа з трьох введених. Результат зберігається у змінній largestNumber і виводиться в консоль.

// Запитуємо у користувача три числа
let num1 = prompt("Введіть перше число:");
let num2 = prompt("Введіть друге число:");
let num3 = prompt("Введіть третє число:");

// Перетворюємо введені користувачем значення в числовий формат
num1 = parseFloat(num1);
num2 = parseFloat(num2);
num3 = parseFloat(num3);

// Використовуючи Math.max, знаходимо найбільше число
let largestNumber = Math.max(num1, num2, num3);

console.log("Найбільше введене число:", largestNumber);
автор: Bond

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід