将对象数组转换为单个对象,并将类型保留在打印脚本中 [英] Transform array of objects to single object and keep types in TypeScript
本文介绍了将对象数组转换为单个对象,并将类型保留在打印脚本中的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个带有键name
和value
的对象数组。我想将此数组转换为单个对象,其中键是name
,值是来自输入对象的value
属性。
type Input = { name: string, value: any }[]
type Output = Record<string, any> // Key-value object { [name]: value }
const input: Input = [
{ name: 'name', value: 'Michal' },
{ name: 'age', value: 24 },
{ name: 'numbers', value: [4, 7, 9] }
]
const getOutput = (input: Input): Output => {
return input.reduce((output, record) => ({ ...output, [record.name]: record.value }), {})
}
// Output is: { name: 'Michal', age: 24, numbers: [4, 7, 9] }
const output: Output = getOutput(input)
上面的示例正在运行,但是我使用了Record<string, any>
类型作为输出。这意味着我失去了各种类型的价值观。除了保留类型之外,是否有其他方法可以执行此转换?
output.age.length // Should be TS error, `number` has no `length` property
output.numbers.length // 3
output.address // Should be TS error, `input` has no `address` property
推荐答案
type Elem<V> = { name: string, value: V }
type Callback<Item> =
Item extends { name: infer Name, value: infer Value }
? Name extends PropertyKey
? Record<Name, Value> : never : never
type Reducer<T extends Array<any>, Acc = {}> =
T extends []
? Acc
: T extends [infer Head, ...infer Tail]
? Reducer<Tail, Acc & Callback<Head>>
: never
const getOutput = <
N extends number,
Value extends number | string | [N, ...N[]],
Name extends string,
Item extends { name: Name, value: Value },
Input extends Item[]
>(input: [...Input]) =>
input.reduce((output, record) =>
({ ...output, [record.name]: record.value }),
{} as Reducer<Input>
)
const output = getOutput([
{ name: 'name', value: 'Michal' },
{ name: 'age', value: 24 },
{ name: 'numbers', value: [4, 7, 9] }
])
output.age // 24
output.name // 'MIchal'
output.numbers // [4,7,9]
说明
Reducer
和Callback
-工作方式与Array.prototype.reducer
几乎完全相同,只是它会递归迭代。
以下是Reducer的js表示:
const Callback = (elem) => {
const { name, value } = elem;
return { [name]: value }
}
const reducer = (arr: ReadonlyArray<any>, result: Record<string, any> = {}): Record<string, any> => {
if (arr.length === 0) {
return result
}
const [head, ...tail] = arr;
return reducer(tail, { ...result, ...Callback(head) }
}
[...Input]
-我已使用variadic tuple types推断数组中的每个对象
这篇关于将对象数组转换为单个对象,并将类型保留在打印脚本中的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文