JS метод Global.parseInt()

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

parseInt() – це вбудований метод в мові програмування JavaScript, що дозволяє перетворювати рядок у ціле число. Цей метод важливий для обробки та перетворення даних, отриманих у формі рядків, наприклад, з форм веб-сторінок або з текстових файлів.

Для чого потрібен parseInt()? У розробці веб-додатків дуже часто доводиться стикатися з даними, представленими у вигляді рядків. Це може бути інформація, введена користувачем, дані з файлів або інших джерел. Але при роботі з числовими обчисленнями потрібно, щоб ці дані були в правильному числовому форматі. Тут на допомогу приходить parseInt().

Основне використання методу – перетворити рядок у ціле число. Наприклад:

let stringNumber = "42";
let number = parseInt(stringNumber);
console.log(number);  // 42

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

console.log(parseInt("123abc"));  // 123
console.log(parseInt("abc123"));  // NaN

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

console.log(parseInt("1010", 2));      // 10 (в двійковій системі)
console.log(parseInt("12", 8));        // 10 (в вісімковій системі)
console.log(parseInt("A", 16));        // 10 (в шістнадцятковій системі)

Є кілька особливостей роботи parseInt(), про які важливо знати:

1. Якщо рядок містить дійсне число, parseInt() поверне тільки цілу частину:

   console.log(parseInt("123.45"));  // 123
   

2. Метод завжди повертає числовий тип даних, навіть якщо переданий рядок не містить числа:

   console.log(parseInt("hello"));  // NaN
   

3. Відмінність від методу parseFloat(): доки parseFloat() використовується для перетворення рядків у дійсні числа, parseInt() завжди повертає ціле число.

правити

Порада

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

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

Нотатка

Для початківців важливо розуміти, що якщо parseInt() не може перетворити рядок на число, він поверне NaN. Завжди перевіряйте результат на NaN перед подальшим використанням.

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

Нотатка

JavaScript не робить відмінності між "дробовими числами" та "цілими числами" на рівні мови. parseInt() та parseFloat() відрізняються лише своєю поведінкою при аналізі, але не обов'язково їхніми повернутими значеннями. Наприклад, parseInt("42") та parseFloat("42") повернуть однакове значення: число 42.

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

Нотатка

Коли ви використовуєте метод parseInt(), за замовчуванням він сприймає число як десяткове. Однак, якщо рядок починається з "0x", він буде розглядати це як шістнадцяткове число. Для явного вказівки основи системи числення завжди використовуйте другий аргумент.

console.log(parseInt("10"));        // 10
console.log(parseInt("10", 10));   // 10
console.log(parseInt("10", 16));   // 16

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

Нотатка

Метод parseInt() зупиняє читання рядка, коли натрапляє на перший нечисловий символ. Це може призвести до неочікуваних результатів, тому завжди переконайтеся, що ваш рядок має правильний формат.

console.log(parseInt("10a"));  // 10
console.log(parseInt("a10"));  // NaN

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

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

Синтаксис

parseInt(string)
parseInt(string, radix)

Параметри

string

Це рядок, який починається з цілого числа.

Початкові пробільні символи в цьому аргументі ігноруються. Тобто, якщо рядок містить пробіли на початку, вони не враховуються під час перетворення. Якщо ж рядок містить невалідні символи (тобто символи, які не можуть бути перетворені в число за заданою основою), то метод перетворює лише ту частину рядка, яка йде до цих символів. Наприклад, при перетворенні рядка "123abc" результатом буде число 123.

автор: Bond

правити

radix

Ціле число між 2 і 36, яке представляє основу (або радікс) числової системи рядка. Він конвертується в 32-бітне ціле число; якщо після конвертації він виходить за межі діапазону [2, 36], функція завжди повертає NaN.

автор: Bond

правити

Повернення

number

Повертає ціле число, виведене з заданого рядка, або NaN, якщо:

1. Основа як 32-бітне число менше за 2 або більше за 36;
2. Перший символ рядка, який не є пробілом, не може бути конвертований в число.

автор: Bond

правити

Переглядачі

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

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

Переглядач
	1	1	1	3	12	3

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

Переглядач
	4.4	18	4	1

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

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

Приклади

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

// Маємо ціну у форматі рядка, де валюта вказана після числа
let priceString = "120.50 грн.";

// Використовуючи parseInt(), отримуємо число з рядка до зустрічі нечислового символа
let price = parseInt(priceString);

// Виводимо результат
console.log(price);  // Виведе: 120

// Рядок, який потрібно перевірити
let binaryString = "10102";

// Перетворюємо рядок на число з бінарної системи числення
let number = parseInt(binaryString, 2);

// Перевіряємо чи результат є NaN
if (isNaN(number)) {
    console.log("Рядок не є бінарним числом.");
} else {
    console.log("Рядок є бінарним числом.");
}