Преобразование строки в число в JavaScript: два простых способа

В JavaScript существует несколько способов преобразовать строку в число. В этой статье мы рассмотрим два наиболее простых и часто используемых метода: с помощью унарного оператора + и объекта-обертки Number.

Содержание

1. Преобразование строки с помощью унарного оператора+
2. Преобразование строки с помощью конструктораNumber()
Правила преобразования
Важные замечания

1. Преобразование строки с помощью унарного оператора `+`

Унарный оператор + — это быстрый и удобный способ преобразования строки в числовое значение.

Пример:

const string = "4";
console.log(+string); // 4

Здесь строка "4" преобразуется в число 4 с помощью оператора +.

2. Преобразование строки с помощью конструктора `Number()`

Второй способ преобразования строки в число — это использование конструктора Number(). Этот метод предоставляет больше ясности в коде, что может быть полезно в случаях, когда важна читаемость.

Пример:

const string = "4";
console.log(Number(string)); // 4

Как и в первом случае, строка "4" успешно преобразуется в число 4.

Правила преобразования

При преобразовании строки в число в JavaScript, используются определённые правила, которые необходимо учитывать.

Игнорирование пробелов и специальных символов:

JavaScript автоматически обрезает пробелы и специальные символы (например, \n, \t) по краям строки перед преобраз

Примеры:

console.log(+" 123"); // 123
console.log(+"\n\n\t 123"); // 123
console.log(+"123\n"); // 123

Пустая строка преобразуется в 0:

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

Пример:

console.log(+" \n\t "); // 0

Некорректные символы приводят к NaN:

Если в строке остаются символы, которые невозможно преобразовать в число, результатом будет NaN (Not a Number).

Примеры:

console.log(+"123z"); // NaN
console.log(+"1 \n\n\t 123"); // NaN
console.log(+".\n\n\t 123\n"); // NaN

Важные замечания

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

Использование унарного оператора + хорошо подходит для коротких выражений и в тех случаях, когда важна скорость выполнения. Конструктор Number(), в свою очередь, предоставляет более явный и читаемый способ преобразования, что может быть предпочтительным в больших проектах, где важна читаемость кода.