如何返回字符串数组？

Question

我的问题是如何返回一个字符串数组。现在 TypeScript 抛出了错误，因为在数组的每个元素中，类型是 (T[keyof T] extends readonly (infer InnerArr)[] ? InnerArr : T[keyof T])。我该如何接受 'property' 参数作为字符串来返回 string[] 类型的结果？如果我只是将 keyof T 替换为字符串，TypeScript 会在 item[property] 这一行抛出错误，因为它在 unknown 类型中无法识别 property。

interface IMovie {
  genre: string[];
  actors: string[];
}

const movies: IMovie[] = [
  {
    genre: ['Action', 'Sci-Fi', 'Adventure'],
    actors: ['Scarlett Johansson', 'Florence Pugh', 'David Harbour'],
  }
];

function collectByProperty(arr: T[], property: keyof T): string[] {
  const array = arr.map((item) => item[property]).flat();
  const elem = array[0];
  const final = [...new Set(array)];
  return final;
}

const genres = collectByProperty(movies, 'genre');
const actors = collectByProperty(movies, 'actors');

console.log(genres);
console.log(actors);

尝试过在函数体内部创建一个变量并赋值给它传递进来的 property。

peterSO · Answer

使用 flatMap 替换 map 和 flat：

const array = arr.flatMap((item) => item[property]);

Mottie · Answer

在 collectByProperty 函数中，你需要对数组进行扁平化处理，因为它最初生成的是一个数组的数组（例如 [['Action', 'Sci-Fi'], ['Drama']]）。将这个数组扁平化后，可以将其转换为单一维度的数组（如 ['Action', 'Sci-Fi', 'Drama']），从而符合预期的输出结果。