Фронтендщик

Применение преобразования к строкам в JavaScript Пусть у нас есть переменная num с каким-то числом: let num = 12345; Давайте найдем количество цифр в этом числе. Как вы уже знаете, чтобы найти длину строки, можно использовать свойство length. 📌 #instr || Фронтендщик

Еще пример: let num1 = 1; let num2 = 2; alert(String(num1) + String(num2)); // выведет '12'  📌 #instr || Фронтендщик

Преобразование к строке в JavaScript Иногда нужно выполнить обратное преобразование - из числа в строку. Для этого предназначена функция String: let str = String(123); // теперь в переменной строка '123' 📌 #instr || Фронтендщик

Конечно же, отсутствие дробной части не мешает функции parseFloat работать корректно: let num = parseFloat('12px'); alert(num); // выведет 12 📌 #instr || Фронтендщик

В общем-то, возможно такое поведение - это именно то, что вам нужно. Но если нет - используйте функцию parseFloat, которое извлекает число вместе с его дробной частью: let num = parseFloat('12.5px'); alert(num); // выведет 12.5 📌 #instr || Фронтендщик

Пиксели, однако, иногда бывают дробными: '12.5px'. В этом случае функция parseInt пасует и выводит только целую часть: let num = parseInt('12.5px'); alert(num); // все равно выведет 12  📌 #instr || Фронтендщик

Примером такой строки может быть значение в пикселях: '12px'. Пусть нам необходимо достать стоящее в начале число, отбросив строковую часть. Для такой операции существует функция parseInt. Давайте посмотрим ее работу на примере: let num = parseInt('12px'); alert(num); // выведет 12 📌 #instr || Фронтендщик

Выделение чисел в JavaScript Функция Number работает только со строками, состоящими из цифр. Однако, при программировании на JavaScript часто встречаются ситуации, когда вам нужно обращаться со строками, в начале которых стоит число, а затем буквы. 📌 #instr || Фронтендщик

Преобразование некорректных чисел в JavaScript При попытке преобразовать строку, содержащую не только цифры, но и другие символы, функция Number вернет своим результатом значение NaN: alert(Number('2s')); // выведет NaN  Тот же эффект даст использование плюса: alert(+'2s'); // выведет NaN 📌 #instr || Фронтендщик

А вот следующий пример, хоть и рабочий, но выглядит не очень красиво. В нем более уместно было бы использование функции Number: let a = '2'; let b = '3'; alert(+a + +b); // выведет 5 📌 #instr || Фронтендщик