Простые способы извлечения ключей из объектов в TypeScript - Fcodenotes

Работа с объектами — фундаментальная часть разработки TypeScript. Часто нам необходимо извлечь ключи из объекта для различных целей, например для их перебора или выполнения определенных операций. В этой статье блога мы рассмотрим несколько методов извлечения ключей из объектов с помощью TypeScript. Мы рассмотрим практические примеры кода, используя разговорный язык, чтобы помочь вам понять и реализовать эти методы в ваших собственных проектах.

Метод 1: использование ключевого слова keyof
Ключевое слово keyofпозволяет нам извлечь ключи типа объекта. Он возвращает тип объединения всех ключей, присутствующих в объекте.

type Person = {
  name: string;
  age: number;
  gender: string;
};
type PersonKeys = keyof Person;
// Output: "name" | "age" | "gender"

Метод 2: использование Object.keys()
Метод Object.keys()возвращает массив, содержащий ключи объекта.

const person = {
  name: "John",
  age: 30,
  gender: "male",
};
const keys = Object.keys(person);
// Output: ["name", "age", "gender"]

Метод 3: использование цикла for…in
Мы также можем использовать цикл for…in для перебора объекта и извлечения ключей.

const person = {
  name: "John",
  age: 30,
  gender: "male",
};
const keys: string[] = [];
for (const key in person) {
  keys.push(key);
}
// Output: ["name", "age", "gender"]

Метод 4: использование Object.getOwnPropertyNames()
Метод Object.getOwnPropertyNames()возвращает массив всех свойств (включая неперечислимые свойства), найденных непосредственно в объекте.

Метод 4. Использование Object.getOwnPropertyNames()
Метод Object.getOwnPropertyNames()возвращает массив всех свойств (включая неперечислимые свойства), найденных непосредственно в объекте.

const person = {
  name: "John",
  age: 30,
  gender: "male",
};
const keys = Object.getOwnPropertyNames(person);
// Output: ["name", "age", "gender"]

В этой статье мы рассмотрели четыре различных метода извлечения ключей из объектов в TypeScript. Мы рассмотрели ключевые слова keyof, Object.keys(), циклы for…in и Object.getOwnPropertyNames(). В зависимости от вашего конкретного случая использования вы можете выбрать метод, который лучше всего соответствует вашим потребностям. Понимая эти методы, вы сможете улучшить свои навыки программирования на TypeScript и более эффективно работать с объектами.