3

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

数据：

[
  {"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'.
4

1 回答 1

2

您将需要一个额外的类型参数来捕获传入的键的实际元组。您可以将这个元组映射到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]
于 2019-05-28T12:57:14.520 回答