打字稿将自定义对象分配给任何对象

Posted

技术标签:

【中文标题】打字稿将自定义对象分配给任何对象【英文标题】:Typescript Assign custom object to any object 【发布时间】:2021-06-29 19:51:25 【问题描述】:

尝试使用代码https://github.com/chuvikovd/multi-column-sort 对表数据进行排序,但是如何将自定义对象传递给SortArray[T] 对象。

我的自定义对象是这样的

const obj = [parameter:'firstname', direction: 'ASC',parameter:'lastname', direction: 'DESC']

如何将obj 转换为[['firstname':'ASC'],'lastname':'DESC'] 之类的数组?

【问题讨论】:

【参考方案1】:

来自docs,

sortArrayOrObject arrayobject 定义要排序的列、顺序和方向的元组或对象数组,例如[['name', 'ASC'], ['city', 'DESC']] name: 'ASC', city: 'DESC'

您可以使用Array.prototype.map 将输入数组转换为元组数组。

const arr = [ parameter: 'firstname', direction: 'ASC' ,  parameter: 'lastname', direction: 'DESC' ]

const result = arr.map((item) => [item.parameter, item.direction])

console.log(result)

或者您可以使用Array.prototype.reduce 将输入数组转换为对象。

const arr = [ parameter: 'firstname', direction: 'ASC' ,  parameter: 'lastname', direction: 'DESC' ]

const result = arr.reduce((acc, item) => (
  ...acc,
  [item.parameter]: item.direction,
), )

console.log(result)

【讨论】:

以上是关于打字稿将自定义对象分配给任何对象的主要内容,如果未能解决你的问题,请参考以下文章

通过拖放将自定义元素的对象引用传递给另一个自定义元素

将自定义道具传递给 TypeScript 中的 Redux 表单字段

Android将自定义对象从服务传递给活动

我可以使用打字稿将对象键限制为枚举值吗?

如何将自定义对象的 NSArray 归档到 Objective-C 中的文件

如何将自定义道具和历史传递给 Route