Тип number в TypeScript

Пример: Объявление числовых переменных

// Целые числа
let возраст: number = 25;
let количество_студентов: number = 30;
let код_страны: number = 7;

// Дробные числа
let рост: number = 1.78;
let цена: number = 99.99;
let pi: number = 3.14159;

// Отрицательные числа
let температура: number = -15;
let долг: number = -500.50;

// Научная запись
let Авогадро: number = 6.022e23;  // 6.022 × 10²³

console.log(возраст);          // 25
console.log(цена);             // 99.99
console.log(Авогадро);         // 6.022e+23

Важно понимать

В JavaScript (а значит и в TypeScript) все числа хранятся как 64-битные числа с плавающей запятой (двойной точности). Это означает, что TypeScript может работать с числами от приблизительно -5 × 10⁻³⁰⁸ до 5 × 10³⁰⁸, но точность ограничена approximately 15-17 значащими цифрами.

Проблема точности

// Классическая проблема с плавающей запятой
let result: number = 0.1 + 0.2;
console.log(result);          // 0.30000000000000004
console.log(result === 0.3);  // false!

// Как решить:
console.log(Math.abs(result - 0.3) < Number.EPSILON);  // true

// Или округлить до нужного количества знаков
letточный: number = Math.round((0.1 + 0.2) * 100) / 100;
console.log(точный);  // 0.3

Это не баг, а особенность представления дробных чисел в компьютере. Все языки программирования, использующие IEEE 754 стандарт, сталкиваются с этой проблемой. Запомните это правило: никогда не сравнивайте дробные числа напрямую!

NaN (Not a Number)

NaN — это значение, которое возникает, когда математическая операция не может дать осмысленный результат. Например, деление нуля на ноль или попытка преобразовать нечисловую строку в число.

// Когда возникает NaN
let a: number = 0 / 0;           // NaN
let b: number = Math.sqrt(-1);   // NaN
let c: number = parseInt("abc");  // NaN
let d: number = Infinity - Infinity;  // NaN

// Свойства NaN
console.log(typeof NaN);          // "number" (!)
console.log(NaN === NaN);         // false (!!)
console.log(isNaN(NaN));          // true
console.log(Number.isNaN(NaN));   // true (более надёжный метод)

// Как проверить на NaN
let значение: number = NaN;

// Правильные способы проверки:
if (Number.isNaN(значение)) {
  console.log("Это NaN!");
}

// Неправильный способ (не используйте это):
if (значение !== значение) {
  console.log("Это тоже NaN!");
}

Infinity и -Infinity

Infinity и -Infinity представляют бесконечность и отрицательную бесконечность соответственно.

// Когда возникает Infinity
let inf: number = 1 / 0;        // Infinity
let negInf: number = -1 / 0;    // -Infinity
let big: number = 1e308 * 10;   // Infinity

// Свойства
console.log(typeof Infinity);    // "number"
console.log(Infinity > 1000000); // true
console.log(-Infinity < -1000000); // true

// Проверка
console.log(isFinite(42));        // true
console.log(isFinite(Infinity));  // false
console.log(Number.isFinite(Infinity)); // false

// Полезные константы
console.log(Number.MAX_VALUE);    // 1.7976931348623157e+308
console.log(Number.MIN_VALUE);    // 5e-324 (самое маленькое положительное)
console.log(Number.MAX_SAFE_INTEGER);  // 9007199254740991 (2⁵³ - 1)
console.log(Number.MIN_SAFE_INTEGER);  // -9007199254740991

Полезные методы работы с числами

// Преобразование в число
let str1: string = "123";
let num1: number = Number(str1);       // 123
let num2: number = parseInt("45abc");  // 45
let num3: number = parseFloat("3.14"); // 3.14
let num4: number = +"+99.5";           // 99.5

// Проверка типов
console.log(Number.isInteger(42));      // true
console.log(Number.isInteger(3.14));    // false
console.log(Number.isFinite(42));       // true
console.log(Number.isNaN(NaN));         // true

// Округление
let число: number = 3.7;
console.log(Math.round(число));   // 4 (округление)
console.log(Math.ceil(число));    // 4 (округление вверх)
console.log(Math.floor(число));   // 3 (округление вниз)
console.log(Math.trunc(число));   // 3 (отсечение дробной части)
console.log(Math.round(-3.7));    // -4 (округление)

Практический пример: Калькулятор площади

function площадьКруга(радиус: number): number {
  return Math.PI * Math.pow(радиус, 2);
}

function площадьТреугольника(
  основание: number, 
  высота: number
): number {
  return 0.5 * основание * высота;
}

function гипотенуза(а: number, б: number): number {
  return Math.sqrt(Math.pow(а, 2) + Math.pow(б, 2));
}

// Использование
console.log(`Площадь круга: ${площадьКруга(5).toFixed(2)}`);
console.log(`Площадь треугольника: ${площадьТреугольника(10, 5)}`);
console.log(`Гипотенуза: ${гипотенуза(3, 4)}`);

Способы преобразования в число

// 1. Функция Number()
let a: number = Number("123");      // 123
let b: number = Number("12.5");     // 12.5
let c: number = Number(true);       // 1
let d: number = Number(false);      // 0
let e: number = Number(null);       // 0
let f: number = Number(undefined);  // NaN
let g: number = Number("abc");      // NaN

// 2. Унарный плюс (самый быстрый способ)
let x = +"42";        // 42
let y = +"3.14";      // 3.14
let z = +"abc";       // NaN

// 3. parseInt() - для целых чисел
let p1 = parseInt("123abc");   // 123
let p2 = parseInt("abc123");   // NaN
let p3 = parseInt("101", 2);   // 5 (двоичная система)
let p4 = parseInt("FF", 16);   // 255 (шестнадцатеричная)

// 4. parseFloat() - для дробных чисел
let f1 = parseFloat("3.14abc");  // 3.14
let f2 = parseFloat("abc3.14");  // NaN

Рекомендация

Используйте Number() для общих преобразований, parseInt() когда нужно извлечь целое число из строки, и унарный плюс + для кратких преобразований в понятном контексте. Избегайте new Number() — это создает объект, а не примитив.

let число: number = 1234567.891;

// toFixed() - фиксированное количество знаков после запятой
console.log(число.toFixed(2));     // "1234567.89"
console.log(число.toFixed(0));     // "1234568"

// toPrecision() - общее количество значащих цифр
console.log(число.toPrecision(5));  // "1.2346e+6"

// toExponential() - научная запись
console.log(число.toExponential(2)); // "1.23e+6"

// toLocaleString() - форматирование с учётом локали
console.log(число.toLocaleString('ru-RU'));  // "1 234 567,891"
console.log(число.toLocaleString('en-US'));  // "1,234,567.891"

// parseInt и parseFloat для обратного преобразования
let обратно: string = "1234567.891";
console.log(parseInt(обратно));    // 1234567
console.log(parseFloat(обратно));  // 1234567.891

Практический пример: Форматирование валюты

function форматироватьВалюту(
  сумма: number, 
  валюта: string = "₽"
): string {
  return сумма.toLocaleString('ru-RU', {
    style: 'decimal',
    minimumFractionDigits: 2,
    maximumFractionDigits: 2
  }) + " " + валюта;
}

console.log(форматироватьВалюту(1234567.89));   // "1 234 567,89 ₽"
console.log(форматироватьВалюту(42.5));          // "42,50 ₽"
console.log(форматироватьВалюту(0, "$"));        // "0,00 $"

Пример 1: Калькулятор скидки

function рассчитатьСкидку(
  цена: number, 
  процентСкидки: number
): { стараяЦена: number; новаяЦена: number; экономия: number } {
  if (процентСкидки < 0 || процентСкидки > 100) {
    throw new Error("Процент скидки должен быть от 0 до 100");
  }
  
  const экономия = цена * (процентСкидки / 100);
  const новаяЦена = цена - экономия;
  
  return {
    стараяЦена: цена,
    новаяЦена: Math.round(новаяЦена * 100) / 100,
    экономия: Math.round(экономия * 100) / 100
  };
}

const результат = рассчитатьСкидку(1000, 15);
console.log(`Старая цена: ${результат.стараяЦена}₽`);
console.log(`Новая цена: ${результат.новаяЦена}₽`);
console.log(`Вы сэкономили: ${результат.экономия}₽`);

Пример 2: Генератор паролей

function сгенерироватьПароль(длина: number): string {
  const символы = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%";
  let пароль = "";
  
  for (let i = 0; i < длина; i++) {
    const индекс = Math.floor(Math.random() * символы.length);
    пароль += символы[индекс];
  }
  
  return пароль;
}

console.log(сгенерироватьПароль(12));  // "aB3$kL9!mN2@"

Пример 3: Конвертер единиц измерения

type ЕдиницаДлины = "мм" | "см" | "м" | "км";

const коэффициенты: Record<ЕдиницаДлины, number> = {
  "мм": 0.001,
  "см": 0.01,
  "м": 1,
  "км": 1000
};

function конвертировать(
  значение: number, 
  из: ЕдиницаДлины, 
  в: ЕдиницаДлины
): number {
  const вМетры = значение * коэффициенты[из];
  return вМетры / коэффициенты[в];
}

console.log(конвертировать(100, "см", "м"));    // 1
console.log(конвертировать(1, "км", "м"));      // 1000
console.log(конвертировать(2500, "мм", "км"));  // 0.0025