В TypeScript интерфейсные массивы объектов позволяют определять коллекции объектов, которые соответствуют определенному интерфейсу, и работать с ними. В этой статье будут рассмотрены различные методы манипулирования и работы с интерфейсными массивами объектов, а также приведены примеры кода.

1. Создание интерфейса.
   Для начала давайте определим интерфейс, который описывает структуру наших объектов. Например, давайте создадим интерфейс под названием «Человек» со свойствами имени и возраста:

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

1. Инициализация массива интерфейсов:
   Далее мы создадим массив объектов, соответствующих определенному интерфейсу. Вот пример:

const people: Person[] = [
  { name: "John", age: 25 },
  { name: "Jane", age: 30 },
  { name: "Bob", age: 40 }
];

1. Доступ к элементам:
   Вы можете получить доступ к отдельным элементам массива, используя их индекс. Вот пример доступа к имени первого человека:

const firstName = people[0].name;
console.log(firstName); // Output: John

1. Итерация по массиву.
   Вы можете использовать различные методы итерации, такие как forEach, mapили for...of, чтобы перебрать массив. Вот пример использования forEachдля регистрации имени каждого человека:

people.forEach(person => {
  console.log(person.name);
});

1. Фильтрация массива.
   Вы можете фильтровать массив на основе определенных условий, используя метод filter. Например, давайте отфильтруем массив, чтобы получить всех людей старше 30 лет:

const filteredPeople = people.filter(person => person.age > 30);
console.log(filteredPeople);

1. Изменение элементов.
   Вы можете изменять элементы массива, обращаясь к ним напрямую и обновляя их свойства. Вот пример изменения возраста второго человека:

people[1].age = 35;
console.log(people[1]); // Output: { name: "Jane", age: 35 }

1. Добавление и удаление элементов.
   Вы можете добавлять или удалять элементы в массиве, используя такие методы, как push, pop, shiftили splice. Вот пример добавления нового человека в массив:

people.push({ name: "Alice", age: 28 });
console.log(people);

Массивы объектов интерфейса в TypeScript предоставляют мощный способ работы с коллекциями объектов, которые соответствуют определенному интерфейсу. Используя такие методы, как доступ к элементам, итерация, фильтрация, изменение, а также добавление/удаление элементов, вы можете эффективно манипулировать этими массивами и работать с ними.