css.in.ua
Підтримати

JS метод Number.toPrecision()

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

Метод Number.prototype.toPrecision() дозволяє отримати текстове представлення числа з вказаною точністю. Ця функція корисна, коли потрібно представити число з певною кількістю знаків, незалежно від того, чи вони знаходяться перед чи після десяткової крапки.

Використання методу toPrecision() досить просте. Він приймає один аргумент – ціле число від 1 до 100, яке вказує на бажану точність (тобто кількість знаків у числі). Якщо аргумент не передається, метод повертає рядок без змін.

Ось декілька прикладів:

let num = 12345.6789;

console.log(num.toPrecision());       // "12345.6789" (без змін)
console.log(num.toPrecision(5));      // "12346" (п'ять знаків)
console.log(num.toPrecision(7));      // "12345.68" (сім знаків)
console.log(num.toPrecision(10));     // "12345.67890" (десять знаків)

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

Також слід зазначити, що якщо вказана точність менша за кількість цифр у цілій частині числа, число округляється до найближчого значення. Наприклад, 123456.toPrecision(3) повертає рядок "1.23e+5", який відображає науковий формат запису.

Нотатка:

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

let number = 123.45678;
console.log(number.toPrecision(3)); // "123"
Нотатка:

Якщо викликати toPrecision() для дуже маленького чи великого числа, результат може бути представлений у науковому форматі.

let smallNumber = 0.000012345;
console.log(smallNumber.toPrecision(2)); // "1.2e-5"
Нотатка:

Метод toPrecision() автоматично округлює число до вказаної кількості значущих цифр.

let anotherNumber = 9.876;
console.log(anotherNumber.toPrecision(2)); // "9.9"

Синтаксис

toPrecision()
toPrecision(precision)

Параметри

precision

Ціле число, яке вказує кількість значущих цифр у числі.

Return

value

Повертає рядок, що представляє об'єкт Number у форматі з фіксованою точкою або в експоненціальному форматі, округлений до заданої кількості значущих цифр.

Переглядачі

Переглядач

1

1

2

7

12
Переглядач

4.4

18

4

1
Переглядач

0.10.0

1.0

Приклади


Цей код дозволяє користувачеві вводити число та вибирати точність за допомогою повзунка. Після натискання на кнопку "Форматувати", число відображається з вказаною точністю.

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

let number = 3.141592653589793;

// Відображення числа з трьома значущими цифрами
let preciseNumber = number.toPrecision(3);
console.log(preciseNumber); // 3.14

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

let rawSensorData = 21.5634872348723;

// Функція для отримання пристойного відображення температури
function formatTemperature(temperature, significantDigits) {
    return temperature.toPrecision(significantDigits) + "°C";
}

console.log(formatTemperature(rawSensorData, 4)); // 21.56°C
console.log(formatTemperature(rawSensorData, 5)); // 21.563°C

Спільнота

Зв'язок