O que significa o erro NaN e como evitar que ele apareça em JavaScript

O erro NaN (Not a Number) ocorre quando uma operação matemática retorna um valor inválido. Aprenda como identificá-lo e evitá-lo.

O erro NaN em JavaScript significa 'Not a Number' (Não é um número). Ele ocorre quando tentamos realizar uma operação matemática com um valor que não pode ser convertido para um número válido.

Um exemplo comum de NaN acontece quando tentamos fazer uma operação com uma string que não é um número:

let resultado = 'texto' * 5;  // Retorna NaN

Neste caso, como a string 'texto' não é um número, a operação de multiplicação retorna NaN.

Para evitar o erro NaN, é importante garantir que as variáveis com as quais estamos realizando operações matemáticas sejam realmente números. Uma forma de evitar esse erro é usando a função isNaN() para validar os valores antes de operá-los:

let valor = 'texto';
if (isNaN(valor)) {
  console.log('Valor não é um número');
} else {
  console.log(valor * 5);
}

Este exemplo verifica se o valor é NaN e apenas tenta fazer a operação se for um número válido.

Evitar o erro NaN envolve boas práticas de validação de entradas e conferências de tipos de dados antes de realizar operações. Além de usar o isNaN(), também é possível utilizar a função Number() para tentar converter strings em números. Caso a conversão não seja possível, o resultado será NaN, e assim você pode tratar o erro adequadamente.

Algumas aplicações:

  • Garantir que variáveis sejam números antes de realizar operações matemáticas.
  • Usar funções como isNaN() e Number() para validação e conversão de dados.
  • Evitar usar operadores aritméticos com tipos de dados incompatíveis.

Dicas para quem está começando

  • Sempre valide se as variáveis são números antes de usá-las em cálculos.
  • Use o isNaN() para identificar e evitar NaN em seu código.
  • Evite operações com tipos de dados que não podem ser convertidos em números, como strings não numéricas.

Contribuições de João Gutierrez

Compartilhe este tutorial: O que significa o erro NaN e como evitar que ele apareça?

Compartilhe este tutorial

Continue aprendendo:

Como corrigir o erro SyntaxError: Unexpected token?

O erro SyntaxError: Unexpected token ocorre quando o código JavaScript contém caracteres inesperados ou malformações na sintaxe.

Tutorial anterior

Como corrigir o erro TypeError: Y is not a function?

O erro TypeError: Y is not a function ocorre quando tentamos chamar algo que não é uma função. Entenda o que causa e como corrigir.

Próximo tutorial