📌  相关文章
📜  过滤对象数组反应 - TypeScript (1)

📅  最后修改于: 2023-12-03 14:57:54.656000             🧑  作者: Mango

过滤对象数组反应 - TypeScript

在 TypeScript 中,过滤对象数组是常见的操作。我们可以使用 Array.filter() 方法来实现这个操作。该方法将一个函数作为其参数,用于测试每个元素,并返回一个数组,其中包含测试为真的元素。

下面是一个示例代码片段:

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

const users: User[] = [
  { name: "Alice", age: 20 },
  { name: "Bob", age: 25 },
  { name: "Charlie", age: 30 },
];

const filteredUsers = users.filter((user) => {
  return user.age > 25;
});

console.log(filteredUsers);

该代码使用 Array.filter() 方法来过滤出年龄大于 25 岁的用户。我们定义了一个 User 接口来描述用户的属性。然后,我们创建了一个 users 数组来存储用户对象。接下来,我们调用 Array.filter() 方法并传入一个函数来过滤用户。该函数将每个用户作为其参数,并返回一个布尔值,指示是否应该将该用户加入到过滤后的结果中。

最后,我们打印出过滤后的结果。

该代码的输出将会是:

[ { name: 'Charlie', age: 30 } ]

因为只有 Charlie 的年龄大于 25 岁。

现在,你已经了解了如何在 TypeScript 中过滤对象数组。你可以在自己的项目中使用这个技巧来处理类似的问题。