JS метод Math.round()


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

Math.round() є однією з основних математичних функцій у JavaScript, призначеною для заокруглення числа до найближчого цілого. Ця функція виявляється надзвичайно корисною, коли потрібно перетворити дробове число на ціле, наприклад, при обчисленні вартості або відображенні результатів у вигляді, який зручний для користувача.

Використання Math.round() досить просте. Ця функція приймає один аргумент - число, яке потрібно заокруглити. Якщо дробова частина числа менше 0.5, число заокруглюється вниз, інакше - вгору.

console.log(Math.round(4.49));  // 4
console.log(Math.round(4.5));   // 5
console.log(Math.round(4.51));  // 5

У випадку з від'ємними числами Math.round() також працює очікуваним чином:

console.log(Math.round(-4.49));  // -4
console.log(Math.round(-4.5));   // -4
console.log(Math.round(-4.51));  // -5

Слід зазначити декілька важливих особливостей Math.round(). По-перше, вона завжди повертає ціле число, незалежно від того, чи було вхідне значення цілим чи дробовим. По-друге, цей метод ефективний лише для чисел, дробова частина яких знаходиться в діапазоні від 0 до 1. Для більших чисел можуть виникнути проблеми з точністю через особливості представлення чисел у двійковій системі числення. Тому завжди слід переконатися, що результат заокруглення відповідає вашим очікуванням.

автор: Bond

Порада

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

автор: Bond
Порада

Уникайте заокруглення великих дробових чисел. Через особливості подання чисел у двійковій системі числення, використання Math.round() для великих дробових чисел може призвести до неточностей. Якщо необхідно виконати точне заокруглення, розгляньте інші методи або додаткові бібліотеки.

автор: Bond
Порада

Пам'ятайте про від'ємні числа. При заокругленні від'ємних чисел, якщо дробова частина дорівнює 0.5, Math.round() заокруглює число до ближчого парного числа. Наприклад, -4.5 заокруглюється до -4, а не до -5.

console.log(Math.round(-4.5));  // -4
автор: Bond
Порада

Для власного заокруглення використовуйте поєднання методів. Якщо вам потрібно заокруглити число до певної кількості знаків після коми, можна поєднати Math.round() з множенням та діленням. Наприклад, заокруглення до двох знаків після коми:

function roundTwoDecimals(num) {
    return Math.round(num * 100) / 100;
}
console.log(roundTwoDecimals(4.5678));  // 4.57
автор: Bond

Синтаксис

Math.round(x)

Параметри

x

Число, яке потрібно округлити.

автор: Bond

Повернення

integer

Повертає значення типу Number, яке є числом x, заокругленим до найближчого цілого. Якщо дробова частина числа x дорівнює 0.5 або більше, число заокруглюється до найближчого більшого цілого. Якщо менше 0.5 - до найближчого меншого цілого.

автор: 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

Приклади

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

У цьому прикладі Math.round() допомагає отримати ціле число, яке найближче відповідає середньому значенню масиву чисел.

автор: Bond

У цьому прикладі ми бачимо, як використовувати Math.round() для округлення числа до найближчого цілого числа. Важливо пам'ятати, що якщо дробова частина числа дорівнює 0,5 або більше, число округляється до наступного вищого цілого числа. Якщо менше, то до найближчого меншого.

let number = 4.6;

// Використовуємо Math.round() для округлення числа
let roundedNumber = Math.round(number);

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

У цьому прикладі ми округлюємо середнє значення зі списку чисел. Спершу розраховуємо загальну суму чисел у масиві, а потім ділимо її на кількість елементів масиву, щоб отримати середнє значення. Після цього використовуємо Math.round() для округлення отриманого результату.

let numbers = [4.6, 3.3, 5.7, 2.9, 6.1];

// Обчислюємо загальну суму чисел у масиві
let totalSum = numbers.reduce((sum, current) => sum + current, 0);

// Обчислюємо середнє значення
let average = totalSum / numbers.length;

// Використовуємо Math.round() для округлення середнього значення
let roundedAverage = Math.round(average);

console.log(roundedAverage); // Виведе: 5
автор: 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`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

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

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