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

Зміст

• Підхід 1: Перетворення рядка на ціле за допомогою методу parseInt().
• Підхід 2: Перетворення рядка на ціле число за допомогою методу Number().
• Підхід 3: Перетворення рядка на ціле число за допомогою унарного оператора
• Підхід 4: Перетворення рядка на ціле за допомогою методу Math.floor().
• Підхід 5: Перетворення рядка на ціле число за допомогою побітового оператора
• Обробка помилок під час перетворення рядків на цілі числа в JavaScript

Підхід 1: Перетворення рядка на ціле за допомогою методу parseInt().

The метод parseInt(). приймає рядок і параметр radix і перетворює їх на ціле число.

Синтаксис:

parseInt( Value, radix ) 

приклад: У цьому випадку ми використовуємо метод JavaScript parseInt() для перетворення рядка в ціле число.

let a = '100'; console.log('Type of a before conversion: ' + typeof a); console.log('Type of a after conversion: ' + typeof parseInt(a)); 

Type of a before conversion: string Type of a after conversion: number 

Пояснення

Код ініціалізує змінну a> з рядком 100, друкує його тип до і після перетворення його на ціле число за допомогою parseInt()>

Підхід 2: Перетворення рядка на ціле число за допомогою методу Number().

The метод number(). використовується для перетворення примітивного типу даних у число, якщо він не конвертований, повертає NAN.

Синтаксис:

Number( value ) 

приклад: Тут ми використовуємо метод JavaScript Number() для перетворення рядка в ціле число.

let age = '23'; let name = 'Manya'; console.log(  'Type of name and age before conversion: ',   typeof age, typeof name ); console.log(  'Type of name and age after conversion: ',   typeof Number(age), typeof Number(name) ); 

Type of name and age before conversion: string string Type of name and age after conversion: number number 

Пояснення

Код ініціалізує змінні age> і name> з рядковими значеннями, що представляють вік та ім'я відповідно. Потім він відображає їхні типи до та після перетворення на числа за допомогою Number()> .

Підхід 3: Перетворення рядка на ціле число за допомогою унарного оператора

The Унарний оператор (+) використовується для перетворення рядка, логічного значення та не рядка в число.

Синтаксис:

+operand; 

приклад:

The унарний оператор щоб перетворити рядок на число.

let age = '23'; let name = 'Manya'; const number = '100'; console.log(  'Type of name, age and number before conversion: ',   typeof age, typeof name, typeof number ); console.log(  'Type of name, age and number after conversion: ',   typeof +age, typeof +name, typeof +number ); 

Type of name, age and number before conversion: string string string Type of name, age and number after conversion: number number number 

Пояснення

Код ініціалізує змінні age> , name> , і number> з рядковими значеннями, що представляють вік, ім'я та постійне число відповідно. Потім він відображає їхні типи до та після перетворення в числа за допомогою унарного оператора плюс +> .

Підхід 4: Перетворення рядка на ціле за допомогою методу Math.floor().

The Метод Math.floor(). використовується для перетворення рядка в число.

Синтаксис:

Math.floor( numStr ) 

приклад:

Метод Math.floor() використовується для перетворення рядка в число.

let numStr = '101.45'; let numInt = Math.floor(parseFloat(numStr));  console.log('Type of Number Before Conversion: ' + typeof numStr); console.log('Type of Number After Conversion: ' + typeof numInt); 

Type of Number Before Conversion: string Type of Number After Conversion: number 

Пояснення

Here, parseFloat()> використовується для перетворення рядка numStr> до числа з плаваючою комою перед застосуванням Math.floor()> . Це гарантує, що результат є числом.

Підхід 5: Перетворення рядка на ціле число за допомогою побітового оператора

Використання порозрядних операторів типу | 0 або < < 0 також може виконувати перетворення рядка в ціле число в стислій формі.

Синтаксис:

numStr | 0; // or numStr  < < 0; 

приклад: Порозрядний оператор також можна використовувати для перетворення рядка в число.

let numStr = '101.45'; let numInt = numStr | 0; console.log('Type of Number Before Conversion: '   + typeof numStr);   console.log('Type of Number After Conversion: '   + typeof parseInt(numInt)); 

Type of Number Before Conversion: string Type of Number After Conversion: number 

Підхід 6: Перетворення рядка на ціле за допомогою конструктора BigInt().

Конструктор BigInt() можна використовувати для перетворення рядка в ціле число BigInt. Це особливо корисно під час роботи з дуже великими цілими числами, які перевищують максимальний безпечний ліміт цілих чисел у JavaScript.

приклад:

// Example of using BigInt() constructor to convert a string into a BigInt integer let numStr = '12345678901234567890'; let numBigInt = BigInt(numStr); console.log('Type of Number Before Conversion: ' + typeof numStr); console.log('Type of Number After Conversion: ' + typeof numBigInt); console.log(numBigInt); // Nikunj Sonigara 

Type of Number Before Conversion: string Type of Number After Conversion: bigint 12345678901234567890n 

Пояснення

Код ініціалізує змінну numStr> з рядком 101.45. Потім він використовує порозрядну операцію АБО ( |> ) для неявного перетворення numStr> до цілого числа, усікаючи його десяткову частину. Нарешті, він відображає тип numInt> до і після перетворення.

Обробка помилок під час перетворення рядків на цілі числа в JavaScript

Перетворюючи рядки в цілі числа, дуже важливо обробляти потенційні помилки, щоб забезпечити правильну роботу коду. Ось деякі поширені помилки та способи їх вирішення.

• Нечислові символи: Якщо рядок містить нечислові символи, parseInt()> і Number()> може повернутися NaN> (Не число). Перевірити це можна за допомогою isNaN()> і витончено обробляти недійсні введення.
• Пробіли на початку та в кінці: Деякі методи можуть ігнорувати пробіли на початку або в кінці рядка. Використовуйте такі методи, як trim()> щоб видалити пробіли перед перетворенням.
• Проблеми Radix: Вказується неправильна основа в parseInt()> може призвести до неочікуваних результатів. Перевірте основу на основі контексту (наприклад, для шістнадцяткових рядків використовуйте основу 16).
• Перелив і нижній перелив: Перетворення дуже великих чи дуже малих чисел може призвести до переповнення або недоповнення. Розгляньте можливість використання таких бібліотек, як bignumber.js> для обробки чисел поза рідним діапазоном JavaScript.

Перетворення рядка на ціле число у випадках використання JavaScript

1. Програма JavaScript для перетворення дати на число

JavaScript Дата об'єкт використовується для отримання дат і часу. Це допомагає форматувати дати. Ми можемо використовувати новий ключове слово для створення об’єкта для Date. Щоб перетворити дату на число, ми використовуємо getTime() метод .

2. Як перетворити рядок на ціле число без використання функції parseInt() у JavaScript?

Щоб перетворити рядок на ціле без використання parseInt(), ми можемо використати наступне:

• З використанням примусу
• Використовуючи Функція Number().
• Використовуючи унарний + оператор
• Використання Математичний метод floor().
• Використання Функція Math.ceil().

3. Як перетворити рядок будь-якої основи на ціле число в JavaScript?

Ми могли б використовувати метод (або функцію), наданий JavaScript, який називається as parseInt().

JavaScript найбільш відомий для розробки веб-сторінок, але він також використовується в різноманітних середовищах без браузера. Ви можете навчитися JavaScript з нуля, дотримуючись цього Підручник з JavaScript і Приклади JavaScript .