O que causa o erro TypeError: Cannot read property '0' of null e como evitá-lo?

O erro TypeError: Cannot read property '0' of null ocorre quando você tenta acessar a propriedade 0 de um valor que é null. O valor null não possui propriedades ou índices, o que leva a esse erro.

Aqui está um exemplo que pode gerar esse erro:

let array = null;
console.log(array[0]); // TypeError: Cannot read property '0' of null

Neste exemplo, array foi atribuído com o valor null, e ao tentar acessar o índice 0, o erro é disparado.

Como corrigir?

Para corrigir o erro, você deve garantir que o valor não seja null antes de acessar suas propriedades ou índices. Você pode verificar isso com uma simples condição.

Aqui está o código corrigido:

let array = [];
console.log(array[0]); // undefined, mas sem erro

Agora, como array é um array vazio e não null, não ocorre erro ao acessar o índice 0.

Como evitar o erro TypeError: Cannot read property '0' of null ao acessar propriedades e índices

Esse erro é comum quando o valor que você espera manipular não foi corretamente inicializado ou está com o valor null. Antes de tentar acessar qualquer propriedade ou índice de um valor, sempre verifique se ele foi corretamente atribuído e não é null.

Algumas aplicações:

• Verifique sempre se a variável não é null antes de tentar acessar suas propriedades ou índices.
• Use condicionais para garantir que o valor da variável é válido.
• Se estiver lidando com arrays, certifique-se de que o array foi inicializado antes de acessar seus índices.

Dicas para quem está começando

• Evite acessar propriedades ou índices de variáveis que possam ser null.
• Utilize if (variable !== null) para validar se o valor é null antes de acessar suas propriedades.
• Quando trabalhar com arrays, lembre-se de inicializá-los corretamente antes de tentar acessar qualquer índice.

Compartilhe este tutorial