Math.trunc() в JavaScript — відкинути дробову частину

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

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

Почнемо з базового використання. Якщо ви маєте число з дробовою частиною і хочете позбутися дробу, просто передайте це число як аргумент до Math.trunc(). Наприклад:

let number = 4.7;
let truncatedNumber = Math.trunc(number);
console.log(truncatedNumber);  // Виведе: 4

Даний метод працює як для додатних, так і для від'ємних чисел:

let negativeNumber = -4.7;
let truncatedNegativeNumber = Math.trunc(negativeNumber);
console.log(truncatedNegativeNumber);  // Виведе: -4

До того ж, якщо передати число без дробової частини, Math.trunc() поверне це число без змін:

let wholeNumber = 5;
let result = Math.trunc(wholeNumber);
console.log(result);  // Виведе: 5

Також цікавим є той факт, що при передачі значень, які не є числами, метод Math.trunc() повертає NaN:

let notANumber = "текст";
let truncResult = Math.trunc(notANumber);
console.log(truncResult);  // Виведе: NaN

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

правити

Порада

Якщо вам потрібне конкретне округлення (вгору чи вниз), краще використовуйте Math.ceil() або Math.floor(). Math.trunc() найкраще підходить, коли вам просто потрібно відсікти дробову частину без додаткового округлення.

автор: Bond правити

Порада

Якщо аргумент, який ви передаєте методу Math.trunc(), не є числом, метод поверне NaN. Тому завжди переконуйтеся в тому, що передаєте коректний аргумент.

console.log(Math.trunc('text'));  // NaN

автор: Bond правити

Нотатка

Math.trunc() — це корисний інструмент для швидкої конвертації дробового числа в ціле, коли вам не потрібно округлення.

автор: Bond правити

Нотатка

Перш за все, зрозумійте, що Math.trunc() відсікає дробову частину числа, але не округлює його. Тобто для додатних чисел він працює подібно до Math.floor(), а для від'ємних чисел — до Math.ceil().

console.log(Math.trunc(4.9));  // 4
console.log(Math.trunc(-4.9)); // -4

автор: Bond правити

+ додати пораду чи нотатку

Синтаксис

Math.trunc(x)

Параметри

x

Число, дробова частина якого буде відсічена.

автор: Bond

правити

Повернення

integer

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

автор: Bond

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі Серверні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	38	25	8	25	12	—

Підтримка: мобільні переглядачі

Переглядач
	38	38	25	8

Підтримка: серверні переглядачі

Переглядач
	0.12.0	1.0

Приклади

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

// Вхідні дані
let number = 4.76;

// Використання Math.trunc() для отримання цілої частини числа
let truncatedNumber = Math.trunc(number);

console.log(truncatedNumber);  // Виведе: 4

<header>
  <h2 class="title">Math.trunc()</h2>
  <p class="description">Цей метод повертає цілу частину числа, відкидаючи дробову.</p>
</header>
<main>
  <div class="result">
    <label for="inputNumber">Введіть число:</label>
    <input type="text" id="inputNumber">
    <button onclick="applyTrunc()">Застосувати Math.trunc()</button>
    <p>Результат: <span id="outputNumber"></span></p>
  </div>
</main>

body {
  font-size: 16px;
  line-height: 1.5;
  font-family: monospace;
}

header {
  background-color: #f1f1f1;
  margin-bottom: 25px;
  padding: 15px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
  box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
}

header h2.title {
  padding-bottom: 15px;
  border-bottom: 1px solid #999;
}

header p.description {
  font-style: italic;
  color: #222;
}

.result {
  background-color: #f8f8f8;
  padding: 15px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
  box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
}

button {
  margin-left: 10px;
}

function applyTrunc() {
  const inputNumber = document.getElementById('inputNumber').value;
  const truncatedNumber = Math.trunc(Number(inputNumber));
  document.getElementById('outputNumber').innerText = truncatedNumber;
}
//# sourceURL=pen.js

function convertToCoins(sum) {
    // Відділяємо гривні та копійки
    let hryvnias = Math.trunc(sum);  // Отримуємо цілу частину - гривні
    let kopecks = Math.trunc((sum - hryvnias) * 100);  // Отримуємо копійки

    return {
        hryvnias,
        kopecks
    };
}

let money = 152.48;
let result = convertToCoins(money);

console.log(`Гривень: ${result.hryvnias}, Копійок: ${result.kopecks}`);  // Виведе: Гривень: 152, Копійок: 48