Типы данных в JavaScript. Преобразование с примерами

Типы данных в JavaScript
Изучите преобразование типов данных в JavaScript: числа, строки, логические значения. Примеры кода и лучшие практики. Освойте приведение типов за 5 минут!

Вступление

Преобразование типов данных (type conversion) — важная концепция в JavaScript. Оно позволяет конвертировать значение одного типа данных в другой. Это бывает необходимо при работе с разнородными данными, получаемыми от пользователя или из внешних источников.

В JavaScript преобразования типов бывают двух видов:

  • Неявное (implicit) — автоматически выполняется интерпретатором JS
  • Явное (explicit) — когда разработчик вручную указывает необходимость конвертации

Преобразование в строку

Строковое преобразование происходит, когда нам нужно представить значение в виде строки, например для вывода. Для этого можно использовать функцию String(value) или вызвать метод toString() у значения:


String(123) // "123"
String(true) // "true" 
String(null) // "null"

(100).toString() // "100"
true.toString()  // "true"

При сложении любого значения со строкой, оно автоматически преобразуется к строке:


"Цена: " + 100 // "Цена: 100"

Преобразование в число

Численное преобразование происходит в математических операциях и выражениях. Для явной конвертации используется функция Number(value):


Number("123") // 123
Number("") // 0
Number(true) // 1
Number(false) // 0
Number(null) // 0
Number("   123   ") // 123
Number("12z") // NaN

Правила численного преобразования:

  • undefined -> NaN
  • null -> 0
  • true / false -> 1 / 0
  • Строка:
  • Пробельные символы по краям обрезаются
  • Пустая строка -> 0
  • Если строка содержит только число, оно считывается
  • Иначе возвращается NaN

Большинство математических операторов также выполняют такое преобразование:


"12" / "6" // 2
"12" - "4" // 8

Преобразование в логический тип

Логическое преобразование происходит в условных операторах и логических выражениях. Явно его можно выполнить функцией Boolean(value).

Правила:

  • 0, null, undefined, NaN, "" -> false
  • Любое другое значение -> true

Примеры:


Boolean("") // false
Boolean(" ") // true
Boolean("0") // true
Boolean(0) // false
Boolean(null) // false
Boolean([]) // true
Boolean({}) // true

Заключение

Преобразование типов — неотъемлемая часть работы с JavaScript. Понимание правил неявного и явного приведения типов необходимо для написания корректного и безопасного кода.

Главные выводы:

  • Используйте функции String(), Number() и Boolean() для явной конвертации
  • Помните про автоматическое преобразование при работе со строками и в математических операциях
  • Понимайте, какие значения являются «ложными», а какие «истинными»

Надеюсь, эта статья помогла вам разобраться в тонкостях преобразования типов данных в JavaScript.

Поделиться записью

Telegram
WhatsApp
VK
Facebook
Email

Рекомендуем