JavaScript Academy · Урок

Приёмы явного преобразования

Осознанно преобразуйте типы с помощью Number, String и Boolean.

«Приёмы явного преобразования» — бесплатный урок JavaScript Academy на CoddyKit. Это урок 4 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения JavaScript Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс JavaScript Academy содержит 4 уроков всего.

Явное преобразование

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

console.log(Number("42"))
console.log(String(42))

Функция преобразования в число

Функция преобразования в число превращает значение в число. Числовые строки преобразуются корректно, а нечисловые строки становятся NaN.

console.log(Number("3.14"))
console.log(Number("  10  "))
console.log(Number("abc"))

Особые случаи преобразования в число

При преобразовании пустой строки и нулевого значения получается ноль, а неопределённое значение превращается в NaN. Знание этих особенностей помогает предотвращать ошибки.

console.log(Number(""))
console.log(Number(null))
console.log(Number(undefined))

parseInt

parseInt считывает целое число с начала строки и останавливается на первом нечисловом символе. Последующий текст игнорируется.

console.log(parseInt("42px"))
console.log(parseInt("3.99"))
console.log(parseInt("abc"))

Основание системы счисления в parseInt

Всегда передавайте основание системы счисления в parseInt, чтобы явно указать основание числа. Для обычного десятичного разбора используйте 10, чтобы избежать неоднозначности.

console.log(parseInt("0x1F", 16))
console.log(parseInt("101", 2))
console.log(parseInt("08", 10))

parseFloat

parseFloat считывает число с плавающей точкой с начала строки, сохраняя десятичную часть, которую parseInt отбросил бы.

console.log(parseFloat("3.14m"))
console.log(parseFloat("1.5e3"))

Функция преобразования в строку

Функция преобразования в строку превращает любое значение в его текстовое представление, включая нулевое и неопределённое значения, для которых создаются соответствующие текстовые обозначения.

console.log(String(123))
console.log(String(true))
console.log(String(null))

Метод toString

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

console.log((255).toString(16))
console.log((5).toString(2))

Функция преобразования в логическое значение

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

console.log(Boolean(1))
console.log(Boolean(""))
console.log(Boolean("no"))

Выбор подходящего инструмента

Используйте преобразование в число для обработки всей строки, parseInt или parseFloat — для извлечения чисел из смешанного текста, а преобразование в строку или метод toString — для вывода текста.

console.log(Number("100"))
console.log(parseInt("100 dollars", 10))

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

После преобразования в число проверьте результат с помощью Number.isNaN, чтобы убедиться, что преобразование прошло успешно, прежде чем использовать его.

const raw = "x9"
const n = Number(raw)
if (Number.isNaN(n)) {
  console.log("invalid number")
}

Быстрая проверка

Проверьте свои знания о преобразованиях.

Повторение

Повторение: Явно преобразуйте типы для большей понятности.

Преобразование в число обрабатывает строки целиком; нечисловые строки становятся NaN
parseInt и parseFloat извлекают начальные числа
Всегда передавайте основание системы счисления в parseInt
Преобразование в строку и логический тип дают текстовые и логические значения

console.log(Number("7"))
console.log(String(7))

Часто задаваемые вопросы

Урок «Приёмы явного преобразования» бесплатный?

Да — полный текст урока «Приёмы явного преобразования» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс JavaScript Academy, подпишись на CoddyKit PRO. Курс JavaScript Academy содержит 4 уроков всего.

Чему я научусь в уроке «Приёмы явного преобразования»?

Осознанно преобразуйте типы с помощью Number, String и Boolean. Ты практикуешь JavaScript Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать JavaScript Academy?

Предыдущий опыт не требуется. JavaScript Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 4 из 4.

Сколько времени занимает урок «Приёмы явного преобразования»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке JavaScript Academy?

Да. Каждый урок JavaScript Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

← Назад к JavaScript Academy