Урок 05

Объекты и массивы

Объекты

const user: { name: string; age: number } = {
    name: 'Алиса',
    age: 25,
};

type User = {
    name: string;
    age: number;
};

const user: User = { name: 'Алиса', age: 25 };

interface User {
    name: string;
    age: number;
}

const user: User = { name: 'Алиса', age: 25 };

type User = {
    name: string;
    age?: number;
};

const user: User = { name: 'Алиса' }; // ок

Знак ? — свойство может отсутствовать.

type User = {
    readonly id: number;
    name: string;
};

const user: User = { id: 1, name: 'Алиса' };
user.id = 2; // ошибка

type User = {
    name: string;
    address: {
        city: string;
        zip: string;
    };
};

Или через отдельный тип:

type Address = {
    city: string;
    zip: string;
};

type User = {
    name: string;
    address: Address;
};

Если структура объекта заранее неизвестна:

type Dictionary = {
    [key: string]: number;
};

const scores: Dictionary = { math: 90, physics: 85 };

Утилита для словарей:

type Scores = Record<string, number>;
type Roles = Record<'admin' | 'user', string>;

const numbers: number[] = [1, 2, 3];
const names: string[] = ['Алиса', 'Боб'];

const numbers: Array<number> = [1, 2, 3];

Оба варианта эквивалентны.

type User = { name: string; age: number };

const users: User[] = [
    { name: 'Алиса', age: 25 },
    { name: 'Боб', age: 30 },
];

const items: string[] = [];
items.push('a');

Без аннотации TypeScript выведет never[].

Кортеж — массив фиксированной длины с известными типами по позициям:

let point: [number, number] = [10, 20];
let entry: [string, number] = ['age', 25];

Порядок и типы важны:

point = [10, 20]; // ок
point = [20, 10]; // ок
point = ['a', 'b']; // ошибка
point = [1, 2, 3]; // ошибка

С опциональными элементами:

type Pair = [string, number?];
const p1: Pair = ['a'];
const p2: Pair = ['a', 1];

const numbers: readonly number[] = [1, 2, 3];
numbers.push(4); // ошибка

const user = { name: 'Алиса', age: 25 };
const { name, age } = user;

const [first, second] = [1, 2, 3];