Como converter string para enum em TypeScript: um guia completo

Em projetos TypeScript, muitas vezes nos deparamos com a necessidade de converter uma string em um valor de um enum.

Essa conversão é útil quando precisamos mapear valores de entrada, como dados provenientes de uma API, para os valores correspondentes definidos em um enum.

Neste artigo, vamos explorar diferentes abordagens para realizar essa conversão de forma eficiente.

O que é um enum em TypeScript?

Antes de mergulharmos na conversão de string para enum, é importante entender o que é um enum em TypeScript.

Um enum é uma estrutura de dados que permite definir um conjunto de constantes nomeadas.

Ele oferece uma maneira de representar um conjunto fixo de valores em tempo de compilação.

Por exemplo, podemos ter um enum chamado Status com os valores “Ativo”, “Inativo” e “Pendente”. Esses valores são tratados como constantes dentro do enum e podem ser referenciados em nosso código.

Abordagens para converter string para enum:

Existem várias abordagens para converter uma string em um valor de um enum em TypeScript. Vamos explorar algumas delas.

Acesso direto aos valores do enum:

Uma maneira simples de converter uma string em um enum é acessar diretamente os valores do enum usando a notação de ponto. Veja o exemplo a seguir:

enum Status {
  Ativo = "ativo",
  Inativo = "inativo",
  Pendente = "pendente",
}

function converterStringParaEnum(valor: string): Status {
  return Status[valor as keyof typeof Status];
}

const statusString = "ativo";
const statusEnum = converterStringParaEnum(statusString);
console.log(statusEnum); // Output: Status.Ativo

Acompanhe o Blog e o meu Curso de Angular ou Curso de Javascript, Ts e Nodejs

Nesse exemplo, utilizamos o acesso direto aos valores do enum Status para realizar a conversão.

Utilizando um mapeamento

Outra abordagem é criar um mapeamento entre as strings e os valores do enum. Podemos definir um objeto que associe cada string ao valor correspondente do enum. Veja o exemplo a seguir:

enum Status {
  Ativo = "ativo",
  Inativo = "inativo",
  Pendente = "pendente",
}

function converterStringParaEnum(valor: string): Status {
  const mapeamento: Record<string, Status> = {
    ativo: Status.Ativo,
    inativo: Status.Inativo,
    pendente: Status.Pendente,
  };

  return mapeamento[valor.toLowerCase()];
}

const statusString = "Ativo";
const statusEnum = converterStringParaEnum(statusString);
console.log(statusEnum); // Output: Status.Ativo

Acompanhe o Blog e o meu Curso de Angular ou Curso de Javascript, Ts e Nodejs

Nesse exemplo, criamos um objeto mapeamento que associa cada string ao valor correspondente do enum. Ao receber uma string, buscamos o valor correspondente no mapeamento.

Utilizando uma função auxiliar

Também podemos criar uma função auxiliar que receba tanto o enum quanto a string e realize a conversão. Veja o exemplo a seguir:

enum Status {
  Ativo = "ativo",
  Inativo = "inativo",
  Pendente = "pendente",
}

function converterStringParaEnum<T>(enumType: T, valor: string): T[keyof T] {
  return enumType[valor as keyof T];
}

const statusString = "pendente";
const statusEnum = converterStringParaEnum(Status, statusString);
console.log(statusEnum); // Output: Status.Pendente

Acompanhe o Blog e o meu Curso de Angular ou Curso de Javascript, Ts e Nodejs

Nesse exemplo, criamos uma função genérica converterStringParaEnum que recebe tanto o enum quanto a string e realiza a conversão.

Conclusão

A conversão de uma string para um valor de um enum em TypeScript pode ser realizada de várias maneiras.

Neste artigo, exploramos três abordagens diferentes: o acesso direto aos valores do enum, a utilização de um mapeamento e a criação de uma função auxiliar.

Cada abordagem possui suas vantagens e pode ser escolhida de acordo com a necessidade do projeto.

Ao compreender essas técnicas, você terá a capacidade de converter strings em enums de forma eficiente, mapeando valores de entrada para os valores correspondentes em seus enums. Isso proporcionará maior flexibilidade e segurança ao trabalhar com dados externos em seus projetos TypeScript.