📌  相关文章
📜  typescript 将列表映射到新的对象列表 - TypeScript (1)

📅  最后修改于: 2023-12-03 15:20:43.290000             🧑  作者: Mango

TypeScript - 将列表映射到新的对象列表

在 TypeScript 中,可以使用数组的map方法将一个列表映射到另一个对象列表。这在许多场景中都很有用,例如在处理 API 响应或对数据进行转换时。

以下是使用 TypeScript 将列表映射到新的对象列表的示例代码:

// 定义原始列表
const originalList = [{ name: 'Alice', age: 20 }, { name: 'Bob', age: 30 }, { name: 'Charlie', age: 25 }];

// 定义映射函数
const mapFunction = (item: { name: string, age: number }): { fullName: string, isAdult: boolean } => {
  return {
    fullName: item.name,
    isAdult: item.age >= 18
  };
};

// 使用map方法将原始列表映射到新的对象列表
const newList = originalList.map(mapFunction);

// 打印新的对象列表
console.log(newList);

在上面的代码中,首先定义了一个原始列表originalList,其中包含了多个具有nameage属性的对象。然后,我们定义了一个mapFunction,该函数接受一个原始列表的元素作为输入,并返回一个新的对象,其中包含了fullNameisAdult属性。最后,我们使用map方法将原始列表映射到一个新的对象列表newList,并将其打印输出。

运行以上代码将得到以下输出:

[{ fullName: 'Alice', isAdult: true }, { fullName: 'Bob', isAdult: true }, { fullName: 'Charlie', isAdult: true }]

在新的对象列表中,每个对象都由mapFunction生成,并有相应的fullNameisAdult属性。

使用map方法进行列表映射可以大大简化对列表数据的处理和转换过程,使代码更加简洁和易于维护。

希望这个 TypeScript 的列表映射示例有助于你理解和使用 TypeScript 中的相关概念和技术。