Início / coding / Perguntas / 76921280
Accepted
flyflydogdog
Asked: 2023-08-17 19:55:46 +0800 CST

Como converter array em tipo const de retorno de objeto assim?

  • 772

Talvez precise obter o tipo de argumento, mas não sei o que fazer

function converArrayToObject(keys) {
    return keys.reduce((prev, key) => ({ ...prev, [key]: key}), {})
}

const result = converArrayToObject(['aa', 'bb']);
// expected result type : `{ aa: string, bb: string }`
typescript

2 respostas

  1. Você pode refatorar convertArrayToObject()para aceitar um parâmetro genérico que pode ser usado para inferir o tipo de retorno. Infelizmente, você terá que usar Type Assertion para o valor inicial de .reduce()corresponder ao tipo de retorno. Certifique-se de passar sua matriz de argumentos as constpara que os valores possam ser inferidos corretamente e não apenas como string.

    function convertArrayToObject<T extends readonly string[]>(
  keys: T
): {[K in T[number]]: string} {
  return keys.reduce(
    (prev, key) => ({...prev, [key]: key}),
    {} as {[K in T[number]]: string}
  );
}


const result = convertArrayToObject(["aa", "bb"] as const);
//    ^? const result: { aa: string; bb: string; }

    Link do Playground

    • 2
  2. Best Answer

    Você precisará usar o parâmetro de tipo const para evitar que o compilador amplie o tipo da matriz passada para string[].

    Observe que os parâmetros de tipo const estão disponíveis na versão Typescript 5.0. Para as versões anteriores, a solução possível, mas um pouco irritante, é usar a asserção const , como é feito na resposta do @Behemoth

    function converArrayToObject<const T extends readonly string[]>(keys: T) {}

    Agora, precisamos digitar o reduce, que deve ser um objeto onde as chaves são os elementos do array e os valores são strings regulares.

    Para obter o tipo de elementos, precisaremos usar o acesso indexado :

    // 'aa' | 'bb'
type Case1 = ['aa', 'bb'][number]

    Vamos adaptá-lo ao objeto que precisamos:

    // type Case2 = {
//     aa: string;
//     bb: string;
// }
type Case2 = {[K in ['aa', 'bb'][number]]: string}

    Parece bom!

    Vamos declarar o valor inicial de reduzir para este tipo:

    function convertArrayToObject<const T extends readonly string[]>(keys: T) {
  return keys.reduce((prev, key) => ({ ...prev, [key]: key }), {} as {[K in T[number]]: string});
}

    Teste:

    // const result: {
//     aa: string;
//     bb: string;
// }
const result = convertArrayToObject(['aa', 'bb']);

    Parque infantil

    • 2

relate perguntas