通过 filterSearch:(input, record) => boolean 用ts语言设置自定义筛选方法
时间: 2024-04-13 10:31:21 浏览: 96
织梦自定义筛选
在 TypeScript 中,你可以使用函数类型注解来定义 `filterSearch` 函数的参数类型和返回类型。下面是一个 TypeScript 示例,展示了如何设置自定义筛选方法:
```typescript
interface Record {
name: string;
age: number;
}
const records: Record[] = [
{ name: 'Alice', age: 25 },
{ name: 'Bob', age: 30 },
{ name: 'Charlie', age: 35 }
];
const filterSearch = (input: string, record: Record): boolean => {
const nameMatch = record.name.toLowerCase().includes(input.toLowerCase());
const ageMatch = record.age >= parseInt(input, 10);
return nameMatch || ageMatch;
};
const filteredRecords = records.filter(record => filterSearch('b', record));
console.log(filteredRecords);
// 输出: [{ name: 'Bob', age: 30 }, { name: 'Charlie', age: 35 }]
```
在上述示例中,我们首先定义了一个 `Record` 接口,表示记录的类型。然后,我们使用 `filterSearch` 函数来筛选记录。函数的参数 `input` 是一个字符串,`record` 是 `Record` 类型的对象。函数返回一个布尔值,表示该记录是否应该被包含在筛选结果中。
你可以根据自己的需求修改 `Record` 接口和 `filterSearch` 函数中的逻辑,来实现你想要的自定义筛选方法。
阅读全文