Що таке явне і неявне приведення (перетворення) типів даних у JS?

Повне пояснення

Що це і навіщо

• Явне приведення (explicit coercion) – програміст сам вказує, що потрібен інший тип: Number('10'), String(true). Це корисно, коли потрібна точність і контроль.
• Неявне приведення (implicit coercion) – JS сам перетворює типи під час виконання операцій: 1 + '2', true == 1. Це часто призводить до непередбачуваних результатів.

Ключові принципи/терміни

• ToNumber, ToString, ToBoolean – внутрішні алгоритми ECMAScript.
• Оператори ==, === – різниця між строгим і нестрогим порівнянням.
• + – конкатенація рядків або додавання чисел, залежно від типів.

Як це працює

1. При виклику явного конвертаційного функціоналу JS застосовує відповідний алгоритм (наприклад, Number викликає ToNumber).
2. При неявному перетворенні JS спочатку визначає типи операндів, потім застосовує правила: якщо один операнд рядок → конкатенація; якщо обидва числа → арифметика; true → 1, false → 0.

Практика і реалізація (JS/TS)

// Явне приведення
const n: number = Number('123');
const s: string = String(456);

// Неявне приведення
const sum = 1 + '2'; // '12'
const eq = true == 1; // true

У TypeScript типи допомагають уникнути помилок, але не блокують неявне приведення.

Тестування

import { describe, it, expect } from 'vitest';

describe('coercion', () => {
  it('explicit Number', () => expect(Number('10')).toBe(10));
  it('implicit string concat', () => expect(1 + '2').toBe('12'));
});

Оптимізація, типові помилки та edge cases

• Не використовуйте == для порівняння, бо викликає неявне приведення.
• У випадку null і undefined використовуйте строгий оператор (===).
• Перевіряйте типи перед арифметикою, щоб уникнути NaN.

Часті помилки (8)

1. 0 == false → true
2. '5' - 3 → 2 (неочікуване число)
3. [] + [] → ''
4. [1] == 1 → true
5. null == undefined → true
6. '0' * 1 → 0 (неочікуване)
7. true + true → 2
8. '' == false → true

Cheatsheet

• Явне: Number(), String(), Boolean().
• Неявне: + (рядок/число), ==, !, &&, ||.
• Строго: ===, !== – без приведення.