логотип PurpleSchool
логотип PurpleSchool

Преобразование типов в JavaScript

Автор

Дмитрий Фандорин

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

Описание работы

Примитивные типы

JavaScript имеет пять примитивных типов данных: числа, строки, логические значения, undefined и null.

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

Строки могут быть преобразованы в числа с помощью функций parseInt() и parseFloat().

let str = "123";
let num = parseInt(str); // 123

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

Числа могут быть преобразованы в строки с помощью метода toString().

let num = 123;
let str = num.toString(); // "123"

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

Логические значения true и false могут быть преобразованы в числа 1 и 0 соответственно с помощью унарного оператора + либо Number().

let bool = true;
let num = +bool; // 1
let num2 = Number(bool) // 1

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

Логические значения могут быть преобразованы в строки с помощью функции String().

let bool = true;
let str = String(bool); // "true"

Объекты

Преобразование объектов в примитивные типы

Объекты могут быть преобразованы в примитивные типы данных с помощью методов valueOf() и toString().

let obj = { x: 1, y: 2 };
let num = +obj.valueOf(); // вызовет метод valueOf объекта, который вернет NaN
let str = obj.toString(); // "[object Object]"

Преобразование типов

Преобразование типов может быть явным или неявным.

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

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

// преобразование строки в число
let str = "123";
let num = Number(str);

// преобразование числа в строку
let num = 123;
let str = String(num);

// преобразование логического значения в число
let bool = true;
let num = Number(bool);

// преобразование числа в логическое значение
let num = 0;
let bool = Boolean(num);

Неявное преобразование типов

Неявное преобразование типов происходит автоматически в процессе выполнения операций.

// сложение числа и строки
let num = 123;
let str = "456";
let result = num + str; // "123456"

// сравнение чисел и строк
let num = 123;
let str = "123";
let result = num == str; // true

Заключение

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

Стрелочка влевоundefined в JavaScriptSymbol в JavaScriptСтрелочка вправо

Все гайды по Javascript

Как работает метод trim() - JavaScriptКак работает метод toUpperCase() - JavaScriptКак работает метод toLowerCase() - JavaScriptКак работает метод substring() - JavaScriptКак работает метод startsWith() - JavaScriptКак работает метод split() - JavaScriptКак работает метод slice() - JavaScriptКак работает метод search() - JavaScriptКак работает метод replaceAll() - JavaScriptКак работает метод replace() - JavaScriptКак работает метод repeat() - JavaScriptКак работает метод padStart() - JavaScriptКак работает метод padEnd() - JavaScriptКак работает метод matchAll() - JavaScriptКак работает метод match() - JavaScriptКак работает метод localeCompare() - JavaScriptКак работает свойство length - JavaScriptКак работает метод lastIndexOf() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод fromCodePoint() - JavaScriptКак работает метод fromCharCode() - JavaScriptКак работает метод endsWith() - JavaScriptКак работает метод concat() - JavaScriptКак работает метод codePointAt() - JavaScriptКак работает метод charCodeAt() - JavaScriptКак работает метод charAt() - JavaScript
Итератор в JavaScript
try...catch в JavaScriptError в JavaScript
Событие wheel в JavaScriptСобытие unload в JavaScriptСобытие touch в JavaScriptСобытие submit в JavaScriptСобытие scroll в JavaScriptСобытие reset в JavaScriptМетод .preventDefault() в JavaScriptСобытие mouseover в JavaScriptСобытие mouseout в JavaScriptСобытие load в JavaScriptСобытие keyup в JavaScriptСобытие keydown в JavaScriptСобытие invalid в JavaScriptСобытие input в JavaScriptСобытийная модель Event в JavaScriptОбъект события Event в JavaScriptСобытие DOMContentLoaded в JavaScriptСобытие dblclick в JavaScriptСобытие click в JavaScriptСобытие change в JavaScriptСобытие beforeunload в JavaScript
Как работает метод some() - JavaScriptКак работает метод reverse() - JavaScriptКак работает метод reduce() - JavaScriptКак работает метод map() - JavaScriptКак работает метод isArray() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод from() - JavaScriptКак работает метод forEach() - JavaScriptКак работает метод flatMap() - JavaScriptКак работает метод flat() - JavaScriptКак работает метод findIndex() - JavaScriptКак работает метод find() - JavaScriptКак работает метод filter() - JavaScriptКак работает метод every() - JavaScriptМассивы в JavaScript
Открыть базу знаний