JS метод Math.floor()


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

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

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

Для чого може знадобитися метод Math.floor()? Розглянемо декілька практичних ситуацій:

  1. Розподіл ресурсів. Уявіть, що у вас є 7 яблук, і ви хочете розділити їх між 3 друзями. Використовуючи метод Math.floor(), ви можете легко визначити, скільки яблук отримає кожен друг: Math.floor(7/3) = 2.
  2. Конвертація валют. При конвертації валют може виникнути необхідність округлення до найближчого цілого числа в залежності від правил обміну.

Порівнюючи Math.floor() з іншими методами округлення в JavaScript, варто зазначити, що він завжди округлює число в менший бік, тобто "вниз". Наприклад, Math.floor(4.7) поверне 4, а Math.floor(-4.7) поверне -5.

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

  1. Робота з додатними числами:

    let num = 7.89;
    let result = Math.floor(num); // поверне 7
    
  2. Робота з від'ємними числами:

    let num = -7.89;
    let result = Math.floor(num); // поверне -8
    
  3. Використання у комбінації з іншими методами: Для отримання випадкового цілого числа в діапазоні можна комбінувати Math.floor() з Math.random():

    function getRandomInt(min, max) {
     return Math.floor(Math.random() * (max - min + 1)) + min;
    }
    
  4. Відмінність від інших методів: Math.floor() відрізняється від Math.ceil(), який округлює "вгору", та Math.round(), який округлює до найближчого цілого числа.

автор: Bond

Порада

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

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

Функція Math.floor() - це ваш надійний інструмент для заокруглення числа вниз до найближчого цілого. Вона завжди відкидає дробову частину, незалежно від того, наскільки велика чи маленька ця дробова частина. Наприклад, Math.floor(4.9) повертає 4.

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

Якщо вам потрібно швидко взяти цілу частину від ділення двох чисел, ви можете використовувати Math.floor(). Наприклад, для отримання кількості повних годин з 250 хвилин: Math.floor(250 / 60) поверне 4.

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

У випадках, коли ви працюєте із зсувами бітів у оптимізованому коді, замість Math.floor() можна використовувати оператор | для швидкого заокруглення вниз. Наприклад, 4.9 | 0 поверне 4. Однак використовуйте цей прийом обережно, так як він може збити інших розробників з пантелику.

автор: Bond

Синтаксис

Math.floor(x)

Параметри

x

Число, яке потрібно округлити до найближчого меншого або рівного цілого числа.

автор: Bond

Повернення

integer

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

автор: 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.floor().

автор: Bond

У цьому прикладі ми використовуємо Math.floor() для перетворення різниці між двома датами з мілісекунд в ціле число днів. Метод Date створює дві дати, після чого знаходимо різницю між ними в мілісекундах. Поділ на (1000 * 60 * 60 * 24) дозволяє отримати різницю в днях, адже в одному дні 24 години, 60 хвилин і 60 секунд, і 1000 мілісекунд в одній секунді.

// Визначаємо дві дати
let startDate = new Date("2023-01-01");
let endDate = new Date("2023-10-16");

// Розраховуємо різницю між датами в мілісекундах
let differenceInMilliseconds = endDate - startDate;

// Перетворюємо різницю між датами з мілісекунд в дні
let differenceInDays = Math.floor(differenceInMilliseconds / (1000 * 60 * 60 * 24));

console.log(`Між датами пройшло ${differenceInDays} днів.`);
автор: Bond

У цьому прикладі ми використовуємо Math.floor() разом з Math.random() для отримання випадкового цілого числа, яке відповідає кількості елементів, які ми хочемо вибрати з масиву items. items.slice(0, randomCount) забезпечує вибір відповідної кількості елементів з початку масиву.

// Масив елементів
let items = ["apple", "banana", "cherry", "date", "fig", "grape"];

// Отримання випадкового числа від 1 до довжини масиву
let randomCount = Math.floor(Math.random() * items.length) + 1;

// Вибираємо випадкову кількість елементів з масиву
let selectedItems = items.slice(0, randomCount);

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

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

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