0Pricing
TypeScript Academy · Урок

keyof и типы индексированного доступа

Получайте типы свойств объектов динамически с помощью keyof и T[K]

«keyof и типы индексированного доступа» — бесплатный урок TypeScript Academy на CoddyKit. Это урок 1 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения TypeScript Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс TypeScript Academy содержит 4 уроков всего.

Добро пожаловать

keyof создаёт объединение имён свойств типа объекта. Типы индексированного доступа (T[K]) получают тип, соответствующий определённому ключу свойства.

Основы keyof

keyof T возвращает объединение типов имён всех свойств T.
interface User { id: number; name: string; email: string; }
type UserKeys = keyof User; // 'id' | 'name' | 'email'

Индексированный доступ: T[K]

Используйте T[K], чтобы получить тип свойства K в типе T.
type IdType = User['id'];   // number
type NameType = User['name']; // string

Динамический доступ к свойствам

Объединяйте keyof и обобщения, чтобы создавать функции доступа к свойствам с проверкой типов.
function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {
  return obj[key];
}
const name = getProperty(user, 'name'); // string

keyof с typeof

Используйте typeof для значения, а затем keyof, чтобы получить имена его свойств без объявления интерфейса.
const config = { host: 'localhost', port: 3000 };
type ConfigKey = keyof typeof config; // 'host' | 'port'

Объединение индексированных типов

Индексируйте тип объединением ключей, чтобы получить объединение типов их значений.
type NumericValues = User['id' | 'age']; // number | number = number

keyof для массивов

keyof для типа массива возвращает типы индексов массива, а также имена методов массива.
type ArrKey = keyof string[]; // number | 'length' | 'push' | ...
type Element = string[][number]; // string

Рекурсивный индексированный доступ

Объединяйте цепочкой типы индексированного доступа для вложенных объектов.
type Address = { city: string; zip: string };
type Profile = { address: Address };
type City = Profile['address']['city']; // string

Ограничения с keyof

Используйте K extends keyof T как ограничение обобщённого типа, чтобы гарантировать, что K является допустимым ключом T.
function setProperty<T, K extends keyof T>(obj: T, key: K, value: T[K]): void {
  obj[key] = value;
}

В отображаемых типах используется keyof

Отображаемые типы перебирают keyof T, чтобы преобразовать типы объектов.
type Readonly2<T> = { readonly [K in keyof T]: T[K] };

keyof в условных типах

keyof особенно полезен в условных типах для извлечения определённых групп ключей.
type StringKeys<T> = { [K in keyof T]: T[K] extends string ? K : never }[keyof T];

Быстрая проверка

Что возвращает `User['name']`, если `interface User { name: string }`?

Итоги

keyof извлекает имена свойств в виде типа-объединения. T[K] получает тип, соответствующий ключу. Вместе они обеспечивают типобезопасный доступ к свойствам, отображаемые типы и утилиты условных типов.

Часто задаваемые вопросы

Урок «keyof и типы индексированного доступа» бесплатный?

Да — полный текст урока «keyof и типы индексированного доступа» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс TypeScript Academy, подпишись на CoddyKit PRO. Курс TypeScript Academy содержит 4 уроков всего.

Чему я научусь в уроке «keyof и типы индексированного доступа»?

Получайте типы свойств объектов динамически с помощью keyof и T[K] Ты практикуешь TypeScript Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать TypeScript Academy?

Предыдущий опыт не требуется. TypeScript Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 1 из 4.

Сколько времени занимает урок «keyof и типы индексированного доступа»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке TypeScript Academy?

Да. Каждый урок TypeScript Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. keyof и типы индексированного доступа
  2. Ограничения обобщений: сужение параметров типов
  3. Условные типы: T extends U ? X : Y
  4. Распределительные условные типы
← Назад к TypeScript Academy