JS метод Number.parseFloat()

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

Number.parseFloat() - це метод у JavaScript, який перетворює рядок на число з плаваючою крапкою. Основна корисність цього методу полягає в його здатності аналізувати рядкове значення та повертати відповідне число. Це особливо корисно, коли потрібно обробити числа, які отримані у вигляді тексту з веб-форм, API або файлів конфігурації.

Щоб використовувати Number.parseFloat(), просто передайте рядок, який потрібно перетворити, як аргумент. Наприклад:

let number = Number.parseFloat("10.5");
console.log(number); // Виведе 10.5

Метод спробує перетворити весь рядок на число, але зупиниться, як тільки зіткнеться з символом, який не може бути частиною числа. Наприклад:

let number = Number.parseFloat("34.5abc");
console.log(number); // Виведе 34.5

У цьому прикладі, Number.parseFloat() зупиняється після обробки "34.5", ігноруючи "abc".

Цей метод також може обробляти числа з експоненціальною нотацією. Наприклад:

let number = Number.parseFloat("5e3");
console.log(number); // Виведе 5000

Що стосується особливостей методу Number.parseFloat(), важливо знати, що якщо рядок не може бути перетворений на число, метод поверне NaN (Not-a-Number). Наприклад:

let number = Number.parseFloat("abc");
console.log(number); // Виведе NaN

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

правити

Порада

Хоча Number.parseFloat() доступний як статичний метод об'єкта Number, рекомендується використовувати його замість глобального parseFloat(), тому що це може поліпшити читабельність вашого коду.

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

Порада

Хоча Number.parseFloat() може сприйматися як метод для конвертації рядків, його також можна використовувати як швидкий інструмент для валідації, чи є введене користувачем значення дійсним числом з плаваючою комою. Якщо метод повертає NaN, значить значення недійсне.

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

Порада

Якщо рядок не може бути конвертований у число, Number.parseFloat() поверне NaN (Not-a-Number). Щоб переконатися, чи результат дійсно є числом, корисно використовувати функцію isNaN().

let value = Number.parseFloat("Hello");
if (isNaN(value)) {
    console.log("Це не число!");
}

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

Нотатка

Number.parseFloat() завершить аналіз рядка, як тільки зустріне символ, який не є частиною числового літералу. Наприклад: при конвертації рядка "123.45.67" результатом буде "123.45".

let result = Number.parseFloat("123.45.67");
console.log(result); // 123.45

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

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

Синтаксис

Number.parseFloat(string)

Параметри

string

Значення для аналізу, яке приводиться до рядкового типу. Початкові пробіли в цьому аргументі ігноруються.

автор: Bond

правити

Повернення

number

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

автор: Bond

правити

Переглядачі

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

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

Переглядач
	34	25	9	21	12

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

Переглядач
	37	34	25	9

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

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

Приклади

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

// Рядок, який містить дійсне число
let stringNumber = "3.14";

// Використання методу Number.parseFloat() для конвертації рядка у дійсне число
let actualNumber = Number.parseFloat(stringNumber);

console.log(actualNumber);  // Виводимо: 3.14

// Рядок, який містить дійсне число, а після нього текст
let complexString = "42.58 гривень";

// Використання методу Number.parseFloat() для витягування числа з рядка
let extractedNumber = Number.parseFloat(complexString);

console.log(extractedNumber);  // Виводимо: 42.58