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

Метод 1: Подпись индекса
Подпись индекса — это функция TypeScript, которая позволяет определять динамические свойства объекта. Он позволяет вам получать доступ к свойствам, используя строку в качестве ключа. Вот пример:

interface DynamicObject {
  [key: string]: any;
}
const obj: DynamicObject = {
  name: "John",
  age: 25,
};
console.log(obj.name); // Output: John
console.log(obj.age); // Output: 25

Метод 2: Object.assign()
Метод Object.assign()позволяет объединять динамические объекты «ключ-значение». Вот пример:

const obj1 = {
  name: "John",
};
const obj2 = {
  age: 25,
};
const mergedObj = Object.assign({}, obj1, obj2);
console.log(mergedObj); // Output: { name: "John", age: 25 }

Метод 3: Object.keys() и Object.values()
Методы Object.keys()и Object.values()позволяют извлекать ключи и значения динамического объект соответственно. Вот пример:

const obj = {
  name: "John",
  age: 25,
};
const keys = Object.keys(obj);
console.log(keys); // Output: ["name", "age"]
const values = Object.values(obj);
console.log(values); // Output: ["John", 25]

Метод 4: Object.entries()
Метод Object.entries()возвращает массив пар ключ-значение из динамического объекта. Вот пример:

const obj = {
  name: "John",
  age: 25,
};
const entries = Object.entries(obj);
console.log(entries); // Output: [["name", "John"], ["age", 25]]

Метод 5: Оператор расширения
Оператор распространения можно использовать для клонирования динамических объектов или для динамического добавления новых свойств. Вот пример:

const obj = {
  name: "John",
  age: 25,
};
const clonedObj = { ...obj };
console.log(clonedObj); // Output: { name: "John", age: 25 }
const newObj = { ...obj, city: "New York" };
console.log(newObj); // Output: { name: "John", age: 25, city: "New York" }

Динамические объекты «ключ-значение» в TypeScript обеспечивают гибкость в обработке структур данных с динамически определяемыми ключами. В этой статье мы рассмотрели несколько методов, таких как подписи индекса, Object.assign(), Object.keys(), Object.values(), Object.entries()и оператор распространения для работы с динамическими объектами. Используя эти методы, вы можете создавать более универсальные и адаптируемые приложения TypeScript.

Не забывайте использовать эти методы в зависимости от ваших конкретных случаев использования и наслаждайтесь преимуществами динамических объектов «ключ-значение» в программировании на TypeScript!