arrays - Typescript 参数 - 通用对象数组和对象键数组(部分)

Question

我想要一个方法来接受一个对象数组和一个包含一些对象键的数组。该方法将返回对象值数组的数组，但仅返回所选键的数组。

数据:

[
  {"firstName": "Jane", "lastName": "Doe"},
  {"firstName": "John", "lastName": "Doe"}
]

领域:

["firstName"]

结果:

[["Jane"], ["John"]]

到目前为止，我有一个提供所需结果的函数，但我不确定如何更好地处理这些类型。

mapToCsvData: (data: { [key: string]: any }[], fields: string[]) => {
  return data.map((item: any) => {
    return fields.map(field => item[field]);
  });
}

我尝试了下一个片段的一些变体，但出现错误。

mapToCsvData: <T extends object>(data: T[], fields: keyof T[]) => {

Property 'map' does not exist on type 'number'.

Answer 1

您将需要一个额外的类型参数来捕获传入的键的实际元组。您可以将此元组映射到 T 中的相应属性类型。 .一切都非常顺利:

type MapKeyTupleToProps<T, P extends [keyof T] | Array<keyof T>> = {
    [K in keyof P]: P[K] extends keyof T ? T[P[K]] : never
}
const m = {
    mapToCsvData: <T, P extends [keyof T] | Array<keyof T>>(data: T[], fields: P): MapKeyTupleToProps<T, P> => {
        return data.map((item: any) => {
            return fields.map(field => item[field]);
        }) as any;
    }
}

const data = [
    {"firstName": "Jane", "lastName": "Doe", age: 0},
    {"firstName": "John", "lastName": "Doe", age: 0}
]

let r = m.mapToCsvData(data, ["firstName", "lastName"]) // [string, string]
let r2 = m.mapToCsvData(data, ["firstName", "age"]) //[string, number]