Como verificar se um dado é null ou undefined com TypeScript

Ao lidar com dados em TypeScript, é comum a necessidade de verificar se um valor é null ou undefined antes de prosseguir com o código.

Neste artigo, exploraremos diferentes métodos para realizar essa verificação de forma eficiente e segura.

Método 1

Operador de coalescência nula (??) O operador de coalescência nula (??) é uma adição recente ao TypeScript e oferece uma forma concisa de verificar se um valor é null ou undefined. Veja um exemplo abaixo:

const data = getData(); // Função que retorna um valor ou undefined
const value = data ?? 'Valor padrão';
console.log(value); // Se data for null ou undefined, o valor será 'Valor padrão'

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

Método 2

Operador ternário O operador ternário também pode ser utilizado para verificar se um valor é null ou undefined e atribuir um valor padrão caso necessário. Veja o exemplo abaixo:

const data = getData(); // Função que retorna um valor ou undefined
const value = data !== null && data !== undefined ? data : 'Valor padrão';
console.log(value); // Se data for null ou undefined, o valor será 'Valor padrão'

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

Método 3

Verificação explícita Uma abordagem mais explícita é realizar a verificação manualmente utilizando as palavras-chave null e undefined. Veja o exemplo abaixo:

const data = getData(); // Função que retorna um valor ou undefined

let value;

if (data !== null && data !== undefined) {
  value = data;
} else {
  value = 'Valor padrão';
}

console.log(value); // Se data for null ou undefined, o valor será 'Valor padrão'

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

Conclusão

Ao lidar com dados em TypeScript, é importante verificar se um valor é null ou undefined antes de utilizá-lo no código.

Neste artigo, apresentamos três métodos para realizar essa verificação: o uso do operador de coalescência nula (??), do operador ternário e da verificação explícita com as palavras-chave null e undefined.

Escolha o método que mais se adequa ao seu estilo de codificação e mantenha seu código seguro e livre de erros relacionados a valores nulos ou indefinidos.