Math.fround() — число в одинарній точності float32

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

Math.fround() – це метод в JavaScript, який виконує конкретну, але дуже важливу роль в обчисленнях. Цей метод призначений для округлення числа до найближчого 32-бітного з рухомою комою представлення числа. Що це означає на практиці? Давайте розберемося крок за кроком.

Math.fround() в основному використовується, коли є необхідність забезпечити відповідність між 32-бітовими з рухомою комою числами і 64-бітовими з рухомою комою числами. В JavaScript числа з плаваючою комою за замовчуванням представлені як 64-бітові, але іноді потрібно працювати з 32-бітовими числами, наприклад, при роботі з WebGL.

Основна мета Math.fround() - це забезпечення точності обчислень там, де це необхідно. Використовуючи цей метод, ви можете забезпечити, що ваши числа будуть оброблені із відповідною точністю, що може бути критично важливим у графічних додатках або інших сценаріях, де 32-бітова точність є обов'язковою.

Math.fround() в основному використовується в графічних бібліотеках, таких як WebGL, де необхідна робота з 32-бітовими числами з плаваючою комою. Використання цього методу дозволяє підтримувати послідовність і точність обчислень при роботі з графікою. Приклад:

// Отримання 32-бітового представлення числа
const number = 1.337;
const rounded = Math.fround(number);
console.log(rounded);  // Приблизно 1.3370000123977661

Оскільки Math.fround() повертає найближче 32-бітове представлення числа з плаваючою комою, важливо зрозуміти, що результат може відрізнятися від оригінального 64-бітового числа через обмежену точність 32-бітових чисел. Приклад:

// Число, яке занадто маленьке для представлення як 32-бітове число з плаваючою комою
const tinyNumber = 5e-324;
console.log(Math.fround(tinyNumber));  // Поверне 0

правити

Порада

Для початківців важливо розуміти, що метод Math.fround() призначений для конвертації 64-бітного числа з подвійною точністю в 32-бітне число з одиничною точністю. Це може бути корисно, коли ви працюєте з WebGL або іншими веб-технологіями, де 32-бітна точність є достатньою.

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

Порада

У деяких випадках, коли вам потрібно зберегти велику кількість числових даних (наприклад, у Float32Array), використання Math.fround() може допомогти оптимізувати використання пам'яті, перетворюючи числа у формат з одиничною точністю.

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

Порада

Метод Math.fround() може повертати Infinity для дуже великих чисел або -Infinity для дуже малих. У таких випадках важливо перевіряти результат перед подальшим використанням. Наприклад:

const result = Math.fround(someLargeNumber);
if (result === Infinity) {
  console.warn("Число занадто велике для обробки Math.fround()");
}

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

Нотатка

Через обмежену точність 32-бітних чисел, Math.fround() не підходить для роботи з фінансовими даними або іншими завданнями, де висока точність є критично важливою.

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

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

Синтаксис

Math.fround(doubleFloat)

Параметри

doubleFloat

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

автор: Bond

правити

Повернення

value

Повертає найближче 32-бітне представлення числа з плаваючою комою для введеного числа x.

автор: Bond

правити

Переглядачі

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

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

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

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

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

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

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

Приклади

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

<header>
  <h2 class="title">Math.fround()</h2>
  <p class="description">Конвертує число до його найближчого 32-бітного представлення з плаваючою комою.</p>
</header>
<main>
  <div class="result">
    <label for="numberInput">Введіть число:</label>
    <input type="number" id="numberInput" placeholder="Введіть число">
    <button onclick="showFround()">Конвертувати</button>
    <p><strong>64-бітове число:</strong> <span id="originalNumber"></span></p>
    <p><strong>32-бітове число:</strong> <span id="convertedNumber"></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);
}

function showFround() {
  const inputNumber = document.getElementById('numberInput').value;
  const originalNumber = parseFloat(inputNumber);
  const convertedNumber = Math.fround(originalNumber);

  document.getElementById('originalNumber').textContent = originalNumber;
  document.getElementById('convertedNumber').textContent = convertedNumber;
}
//# sourceURL=pen.js

// Створимо функцію для перетворення масиву 64-бітних чисел на масив 32-бітних чисел
function convertToFloat32(array) {
  return array.map(number => Math.fround(number));
}

const numbers = [1.5, 2.7, 3.4, 4.9];
const float32Numbers = convertToFloat32(numbers);
console.log(float32Numbers);

// Функція для перевірки, чи є число дійсно 32-бітним
function isFloat32(value) {
  return Math.fround(value) === value;
}

const number1 = 1.5;
const number2 = Math.PI;

console.log(isFloat32(number1)); // true
console.log(isFloat32(number2)); // false, оскільки PI має більше значущих цифр, ніж може містити 32-бітне число