Преобразование типов данных в JavaScript
В JavaScript данные делятся на типы, что помогает группировать данные и определить, какие значения можно присвоить и какие операции можно выполнить.
Хотя из-за приведения типов JavaScript преобразовывает многие значения автоматически, для достижения ожидаемых результатов лучше всего преобразовывать типы данных вручную.
Этот мануал научит преобразовать примитивные типы данных JavaScript, включая числа, строки и логические элементы.
Неявное преобразование
Язык программирования JavaScript очень хорошо справляется с обработкой неожиданных значений. JavaScript не отклоняет неожиданные значения, а пытается преобразовать. Это неявное преобразование также называется приведением типов (type coercion).
Отдельные методы автоматически преобразовывают значения, чтобы использовать их. Метод alert() принимает строку в качестве своего параметра, а другие типы автоматически преобразует в строки. Таким образом, можно передать этому методу числовое значение:
alert(8.5);
Если запустить эту строку, браузер вернет всплывающее окно со значением 8.5, которое будет уже преобразовано в строку.
Используя строки, состоящие из чисел, вместе с математическими операторами, вы обнаружите, что JavaScript может обрабатывать значения, неявно преобразовывая строки в числа:
// Вычитание
"15" - "10";
5
// Модуль
"15" % "10";
5
Но не все операторы работают предсказуемо. Особенно это касается оператора +: он выполняет сложение чисел и конкатенацию строк.
Читайте также: Работа со строками в JavaScript
// При работе со строками + выполняет конкатенацию
"2" + "3";
"23"
Поскольку оператор + имеет много предназначений, в этом примере он воспринимает значения 2 и 3 как строковые, несмотря на то, что они выражаются числовыми строками. Потому он объединяет строки «2» и «3» и получает 23, а не складывает 2 и 3 и получает 5.
Подобная неоднозначность имеет место в коде и иногда вызывает неожиданные результаты, потому лучше по возможности явно преобразовывать типы данных. Это поможет в поддержке кода и обработке ошибок.
Преобразование значений в строки
Чтобы явно преобразовать значение в строку, вызовите метод String() или n.toString().
Попробуйте преобразовать логическое значение true в строку с помощью String().
String(true);
Это вернет строковый литерал «true».
Также можно попробовать передать функции число:
String(49);
Она вернет строковый литерал:
"49"
Теперь попробуйте использовать String() с переменной. Присвойте числовое значение переменной odyssey и используйте оператор typeof, чтобы проверить тип.
let odyssey = 2001;
console.log(typeof odyssey);
number
На данный момент переменной odyssey присвоено числовое значение 2001. Оператор typeof подтверждает, что значение является числом.
Теперь присвойте переменной odyssey ее эквивалент внутри функции String(), а затем используйте typeof, чтобы убедиться, что значение переменной успешно преобразовано из числа в строку.
odyssey = String(odyssey); // "2001"
console.log(typeof odyssey);
string
Как видите, теперь переменная odyssey содержит строку.
Функция n.toString() работает аналогичным образом. Замените n переменной.
let blows = 400;
blows.toString();
Переменная blows будет содержать строку.
"400"
Вместо переменной можно поместить значение в круглых скобках:
(1776).toString(); // returns "1776"
(false).toString(); // returns "false"
(100 + 200).toString(); // returns "300"
String() и n.toString() явно преобразовывают логические и числовые значения в строки.
Преобразование значений в числа
Метод Number() может преобразовать значение в число. Часто возникает необходимость преобразовать строки, состоящие из чисел, но иногда преобразовывать нужно и логические значения.
Для примера передайте методу Number() такую строку:
Number("1984");
Строка будет преобразована в число и больше не будет заключена в кавычки.
1984
Также можно присвоить строку переменной и затем преобразовать ее.
let dalmatians = "101";
Number(dalmatians);
101
Строковый литерал “101” был преобразован в число 101.
Строки из пробелов или пустые строки будут преобразованы в число 0.
Number(" "); // returns 0
Number(""); // returns 0
Имейте в виду, что строки, которыйе не состоят из чисел, преобразуются в NaN, что означает Not a Number. Это относится и к числам, разделенным пробелами.
Number("twelve"); // returns NaN
Number("20,000"); // returns NaN
Number("2 3"); // returns NaN
Number("11-11-11"); // returns NaN
В логических данных значение false будет равно 0, а true будет равно 1.
Преобразование значений в логические значения
Чтобы преобразовать числа или строки в логические значения, используется метод Boolean(). К примеру, это помогает определить, вводит пользователь данные в текстовое поле или нет.
Любое значение, которое интерпретируется как пустое, например, число 0, пустая строка, значения undefined, NaN или null преобразуются в значение false.
Boolean(0); // returns false
Boolean(""); // returns false
Boolean(undefined); // returns false
Boolean(NaN); // returns false
Boolean(null); // returns false
Другие значения, включая строковые литералы, состоящие из пробелов, будут преобразованы в true.
Boolean(2000); // returns true
Boolean(" "); // returns true
Boolean("Maniacs"); // returns true
Обратите внимание: строковый литерал «0» преобразовывается в true, поскольку это не пустое значение:
Boolean("0"); // returns true
Преобразование чисел и строк в логические значения позволяет оценивать данные в двоичной системе и может использоваться для управления потоком в программах.
Заключение
Теперь вы знаете, как JavaScript преобразовывает типы данных. часто из-за приведения типов данные преобразовываются неявно, что может стать причиной возникновения неожиданных значений. Рекомендуется явно преобразовывать типы данных, чтобы гарантировать корректную работу программ.
Читайте также:
Tags: Javascript