Шпаргалка по преобразованию типов данных в JavaScript

Содержание

1. Основные понятия
2. Преобразование типов: явное и неявное
3. Проверка типа данных
4. Преобразование строки
   • Число в строку
   • Булево значение в строку
   • Массив в строку
   • Объект в строку
5. Преобразование булевых значений
   • Логическое значение и математическая операция
   • Строка в булево значение
   • Число в булево значение
   • undefined в булево значение
   • null в булево значение
   • Объект в булево значение
   • Массив в булево значение
6. Преобразование чисел
   • Строка в число
   • Булево значение в число
   • null в число
   • Массив в число
7. Преобразование null
8. Преобразование undefined

Основные понятия

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

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

// Явное преобразование
let value = Number('23'); // 23

// Неявное преобразование
value = 5 + '25'; // '525'

console.log(typeof value); // 'number', 'string', и т.д.

let value = String(10); // '10'
value = String(10 + 40); // '50'
value = (10 + 40).toString(); // '50'
value = new String(10 + 20); // '30'

value = String(true); // 'true'
value = String(false); // 'false'

value = String([1, 2, 3]); // '1,2,3'
value = String([]); // ''

value = String({name: "Daniel"}); // '[object Object]'

value = 30 + ' ' + 30; // '30 30'
value = 30 + '' + undefined; // '30undefined'

value = 30 - ''; // 30
value = 30 - 'text'; // NaN
value = 30 - '5'; // 25

value = true + 5; // 6
value = false + 5; // 5

value = Boolean('hello'); // true
value = Boolean(' '); // true
value = Boolean(''); // false

value = Boolean(-123); // true
value = Boolean(123); // true
value = Boolean(0); // false

value = Boolean(undefined); // false

value = Boolean(null); // false

value = Boolean({}); // true

value = Boolean([]); // true

value = Number('23'); // 23
value = Number('string...lalala'); // NaN
value = parseInt(' 203px'); // 203
value = parseFloat('203.212px'); // 203.212

value = Number(true); // 1
value = Number(false); // 0

value = Number(null); // 0

value = Number([1, 2, 3]); // NaN

value = null + 5; // 5

value = false + undefined; // NaN