首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >比较函数参数的TypeScript类型

比较函数参数的TypeScript类型
EN

Stack Overflow用户
提问于 2021-01-28 01:06:19
回答 1查看 330关注 0票数 0

我声明了一个在sort方法上使用的函数,该方法接受一个对象数组上的值,并将其与另一个对象数组进行比较

代码语言:javascript
运行
复制
const compare = (a, b) => {
  let x = 0
  let y = 0
  RoleIndex.forEach(({ role, id}) => {
    if (role.includes(a.role)) x = id
    if (role.includes(b.role)) y = id
  })

  if (x > y) return 1
  else return -1
})

但我是在TypeScript上做这件事的,我是TypeScript的新手,但我不敢相信我必须以这种方式声明参数:

代码语言:javascript
运行
复制
const compare = ((a: { role: string}, b: { role: string}) => {
  let x: number = 0
  let y: number = 0
  RoleIndex.forEach(({ role, id}) => {
    if (role.includes(a.role)) x = id
    if (role.includes(b.role)) y = id
  })

  if (x > y) return 1
  else return -1
})

有没有更简单的方法?

下面是我要做的全部代码:

TypeScript Playground

EN

回答 1

Stack Overflow用户

发布于 2021-01-28 18:26:31

感谢您的评论回复。

@Chase指出有一个我可以使用const compare<T extends { role: string }>(a: T, b: T) =>...的简写

但更重要的是,@jcalz指出,我用sort方法修改了我没有注意到的原始array

@jcalz还以一种功能更强大的方式重构了代码,并指出如果sort方法是内联的,则会推断出它们的参数类型。所以这是一种更好的方法。我不仅不需要声明类型,而且不会改变原始数组,而且可读性更好。

最后,我使用了@jcalz approach并执行了以下操作

代码语言:javascript
运行
复制
const sortedArray = array
  .map(employee => ({
    ...employee,
    id: RoleIndex.find(({ role }) => role.includes(employee.role)) ?. id ?? 100
  }))
  .sort((a, b) => a.id - b.id)

TypeScript Playground

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65923940

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档