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

Метод 1: цикл for
Использование традиционного цикла for — это простой подход для сопоставления списка с новым списком объектов. Вот пример:

interface Person {
  name: string;
  age: number;
}
const people: string[] = ['John', 'Jane', 'Alice'];
const mappedPeople: Person[] = [];
for (let i = 0; i < people.length; i++) {
  const person: Person = {
    name: people[i],
    age: i + 1,
  };
  mappedPeople.push(person);
}
console.log(mappedPeople);

Метод 2: Array.map()
Метод Array.map()— мощный инструмент для сопоставления списков с новыми списками. Он создает новый массив с результатами вызова предоставленной функции для каждого элемента исходного массива. Вот пример:

const people: string[] = ['John', 'Jane', 'Alice'];
const mappedPeople: Person[] = people.map((name, index) => ({
  name,
  age: index + 1,
}));
console.log(mappedPeople);

Метод 3: Array.reduce()
Метод Array.reduce()также можно использовать для сопоставления списка с новым списком объектов. Он перебирает каждый элемент массива, накапливая значение на основе предоставленной функции. Вот пример:

const people: string[] = ['John', 'Jane', 'Alice'];
const mappedPeople: Person[] = people.reduce((result, name, index) => {
  result.push({ name, age: index + 1 });
  return result;
}, []);
console.log(mappedPeople);

Метод 4: Lodash.map()
Если вы предпочитаете использовать популярную служебную библиотеку, например Lodash, вы можете использовать ее функцию map(). Lodash предоставляет дополнительные функции и лучшую кросс-браузерную совместимость. Вот пример:

import { map } from 'lodash';
const people: string[] = ['John', 'Jane', 'Alice'];
const mappedPeople: Person[] = map(people, (name, index) => ({
  name,
  age: index + 1,
}));
console.log(mappedPeople);

Сопоставление списка с новым списком объектов в TypeScript может быть достигнуто различными методами. В этой статье были рассмотрены четыре распространенных подхода: использование цикла for, Array.map(), Array.reduce() и Lodash.map(). Каждый метод имеет свои преимущества и может подойти для разных сценариев. Освоив эти методы, вы приобретете навыки функционального и эффективного преобразования данных.

Не забудьте выбрать метод, который лучше всего соответствует требованиям вашего проекта и стилю кодирования. Приятного кодирования!