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

В JavaScript преобразование типов данных может происходить явно (программистом) или неявно (автоматически интерпретатором). Вот основные способы преобразования типов:

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

Числовой тип (Number)

let str = «123»;
let num = Number(str);
console.log(typeof num); // number
console.log(num + 1); // 124

Строковый тип (String)

let num = 123;
let str = String(num);
console.log(typeof str); // string
console.log(str + » is a number»); // «123 is a number»

Булевый тип (Boolean)

let num = 0;
let bool = Boolean(num);
console.log(typeof bool); // boolean
console.log(bool); // false

num = 1;
bool = Boolean(num);
console.log(bool); // true

Массив (Array)

let str = «hello»;
let arr = Array.from(str);
console.log(arr); // [ ‘h’, ‘e’, ‘l’, ‘l’, ‘o’ ]

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

Функция parseInt()
Преобразует строку в целое число. Если строка начинается с чисел, функция вернёт их, иначе — NaN.

let str = «123abc»;
let num = parseInt(str);
console.log(num); // 123

Функция parseFloat()
Преобразует строку в число с плавающей точкой.

let str = «123.45abc»;
let num = parseFloat(str);
console.log(num); // 123.45

Неявное преобразование типов
Неявное преобразование происходит автоматически в процессе выполнения программы, когда JavaScript пытается привести данные к нужному типу.

Сравнение с оператором ==
Оператор нестрогого равенства (==) выполняет автоматическое приведение типов.

let num = 123;
let str = «123»;

console.log(num == str); // true

Конкатенация строк
Оператор + используется для конкатенации строк. Если один из операндов — строка, другой операнд будет преобразован в строку.

let num = 123;
let str = «The number is: « + num;
console.log(str); // The number is: 123

Логические операторы
Логические операторы (&&, ||, !) приводят значения к булевому типу.

let num = 0;
let result = !!num;
console.log(result); // false

num = 1;
result = !!num;
console.log(result); // true

Типичные ошибки при преобразовании типов
Иногда неявное преобразование типов может приводить к неожиданным результатам:

let num = «1»;
let result = num + 2; // «12» (конкатенация)

num = Number(num);
result = num + 2; // 3 (арифметическая операция)

Заключение
Понимание механизмов преобразования типов в JavaScript важно для написания качественного и предсказуемого кода. Явное преобразование даёт больший контроль над результатом, тогда как неявное преобразование может вызывать ошибки, если не учитывать особенности работы JavaScript.