Массив объектов в TypeScript: методы и примеры

Чтобы объявить массив объектов в TypeScript, вы можете использовать синтаксис:

interface MyObject {
  property1: string;
  property2: number;
}
const myArray: MyObject[] = [
  { property1: 'value1', property2: 1 },
  { property1: 'value2', property2: 2 },
  { property1: 'value3', property2: 3 }
];

В приведенном выше фрагменте кода мы объявляем интерфейс под названием MyObject, который определяет свойства каждого объекта в массиве. Затем мы объявляем массив с именем myArray, который имеет тип MyObject[], указывая, что это массив из объектов MyObject. Мы инициализируем массив тремя объектами, каждый из которых содержит определенные свойства.

Вот еще несколько методов, которые можно использовать с массивами объектов в TypeScript:

  1. Доступ к элементам:

    const firstObject = myArray[0]; // Access the first object
    console.log(firstObject.property1); // Output: value1
  2. Итерация по массиву:

    myArray.forEach(obj => {
    console.log(obj.property1);
    });
  3. Фильтрация массива:

    const filteredArray = myArray.filter(obj => obj.property2 > 1);
    console.log(filteredArray);
  4. Сопоставление массива:

    const mappedArray = myArray.map(obj => obj.property1);
    console.log(mappedArray);
  5. Поиск объектов:

    const foundObject = myArray.find(obj => obj.property1 === 'value2');
    console.log(foundObject);
  6. Сортировка массива:

    const sortedArray = myArray.sort((a, b) => a.property2 - b.property2);
    console.log(sortedArray);
  7. Изменение массива:

    myArray.push({ property1: 'value4', property2: 4 }); // Add a new object at the end
    myArray.pop(); // Remove the last object
    myArray.splice(1, 1); // Remove an object at a specific index

Это всего лишь несколько примеров методов, которые можно использовать с массивами объектов в TypeScript. В зависимости от ваших конкретных требований вам могут пригодиться и другие методы JavaScript Array API.