Как из строки сделать число JS

Работа с данными в JavaScript часто включает необходимость преобразования различных типов данных. Одной из распространённых задач является конвертация строки в число. Понимание того, как из строки сделать число в js, важно для разработки приложений, где пользователи могут вводить данные в текстовом формате, но для дальнейшей обработки эти данные должны быть представлены как числа. В этой статье рассмотрим несколько способов преобразования строки в число в JavaScript.

Способы преобразования строки в число в JavaScript

parseInt()

Один из самых популярных методов для конвертации строки в целое число — это использование функции parseInt(). Она принимает два аргумента: саму строку и основание системы счисления (обычно используется десятичная система с основанием 10).

let string = "123";
let number = parseInt(string, 10);
console.log(number); // 123

Этот метод полезен, если вы хотите преобразовать строку в целое число. Однако важно помнить, что parseInt() может игнорировать символы после числа. Например:

let string = "123abc";
let number = parseInt(string, 10);
console.log(number); // 123

parseFloat()

Если необходимо преобразовать строку в число с плавающей точкой, на помощь приходит метод parseFloat(). Он работает аналогично parseInt(), но не округляет число до целого, сохраняя все десятичные значения.

let string = "123.45";
let number = parseFloat(string);
console.log(number); // 123.45

Этот метод полезен для работы с числами, содержащими десятичную часть. Как и parseInt(), parseFloat() проигнорирует символы, следующие за числом.

Number()

Ещё один способ конвертировать строку в число — это использование функции Number(). В отличие от parseInt() и parseFloat(), Number() пытается преобразовать строку в число целиком, и если в строке содержатся недопустимые символы, результатом будет NaN (Not-a-Number).

let string = "123";
let number = Number(string);
console.log(number); // 123

let invalidString = "123abc";
let result = Number(invalidString);
console.log(result); // NaN

Функция Number() идеально подходит, когда вам нужно строгое преобразование строки в число.

Унарный плюс (+)

Одним из наиболее компактных способов преобразования строки в число является использование унарного плюса. Этот метод может показаться непривычным, но он эффективен и часто используется в коротких выражениях.

let string = "123";
let number = +string;
console.log(number); // 123

Унарный плюс преобразует строку в число аналогично методу Number(), возвращая NaN, если строка содержит недопустимые символы.

Метод из библиотеки Math

Хотя преобразование строки в число не является прямой функцией библиотеки Math, в некоторых ситуациях библиотечные функции, такие как Math.floor() и Math.ceil(), могут помочь получить целое число из строки с плавающей точкой.

let string = "123.45";
let number = Math.floor(parseFloat(string));
console.log(number); // 123

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

Обработка ошибок при конвертации

При попытке преобразования строки в число могут возникнуть ошибки, особенно если строка содержит недопустимые символы. Самый распространённый результат ошибки — это получение значения NaN. Чтобы избежать непредвиденных ошибок в коде, важно проверять результат конвертации.

let string = "abc";
let number = Number(string);

if (isNaN(number)) {
  console.log("Конвертация не удалась, значение не является числом.");
} else {
  console.log(number);
}

Преобразование с проверкой

Для повышения надёжности можно использовать проверку на наличие только допустимых символов перед преобразованием строки в число:

let string = "123";

if (/^-?\d+(\.\d+)?$/.test(string)) {
  let number = Number(string);
  console.log(number); // 123
} else {
  console.log("Это не число");
}

Этот метод проверяет строку на наличие только допустимых символов для чисел, что позволяет избежать ошибок в процессе преобразования.

Заключение

Теперь вы знаете несколько способов, как из строки сделать число в js. Каждый из методов имеет свои особенности и применим в различных ситуациях. Если вам нужно целое число, используйте parseInt() или методы из библиотеки Math. Для работы с числами с плавающей точкой подойдёт parseFloat(). Если нужна строгая конвертация, воспользуйтесь Number() или унарным плюсом.