JavaScript é uma linguagem de programação popular amplamente utilizada no desenvolvimento web. Uma das tarefas mais comuns em JavaScript é verificar se uma variável possui um valor ou não . Uma variável pode ter um valor ou nulo , o que significa que não tem valor algum. Isso pode causar erros em seu código se você tentar realizar operações em uma variável nula. Portanto, é importante verificar se uma variável não é nula antes de utilizá-la.
Neste artigo, exploraremos diferentes maneiras de verificar se uma variável não é nula em JavaScript.
1. Usando o operador '!== null':
A maneira mais simples de verificar se uma variável não é nula em JavaScript é usar o ' !== operador nulo' . Este operador verifica se o valor de uma variável não é nulo. Aqui está um exemplo:
let myVar = null; if (myVar !== null) { console.log('Variable is not null'); } else { console.log('Variable is null'); }
A variável minhaVar é dado o valor nulo neste código. O oração condicional determina se minhaVar não é igual a nulo. O console exibirá 'Variável não é nula' se a condição for verdadeira (ou seja, minhaVar não é nulo). Caso contrário, ele imprimirá 'Variável é nula' para o console se a condição for falsa (ou seja, myVar for nula).
A saída será:
Variable is null
MinhaVar é dado o valor nulo , portanto o código do bloco else é executado porque a condição minhaVar!== nulo avalia como falso, registrando 'Variável é nula' para a consola.
2. Usando o operador 'typeof':
Outra maneira de verificar se uma variável não é nula é usar o Operador 'typeof' . O Operador 'typeof' retorna o tipo de uma variável. Se uma variável for nulo , o 'tipo de' operador retornará 'objeto'. Aqui está um exemplo:
compare com strings em java
let myVar = null; if (typeofmyVar === 'object' &&myVar !== null) { console.log('Variable is not null'); } else { console.log('Variable is null'); }
Neste código, a variável minhaVar é dado o valor nulo . O tipo de minhaVar é então verificado usando o tipo de operação ator, que produzirá 'objeto' para nulo neste caso.
Duas condições são verificadas pela instrução if:
typeofmyVar === 'objeto': Este teste determina se minhaVar tipo é 'objeto. Desde 'objeto' é retornado por tipo de nulo, isso é obrigatório. Este requisito garante que myVar seja um objeto e não algum outro tipo.
minhaVar!== nulo: Este teste determina se ou não minhaVar é igual a nulo. O tipo de O operador por si só é incapaz de discriminar entre objetos nulos e outros, necessitando de uma verificação adicional.
MyVar registrará 'Variável não é nula' para o console se ambas as condições, ou seja, que seja um objeto e não nulo , são verdade. Caso contrário, ele produzirá 'Variável é nula' para o console se alguma das condições for falsa.
A saída será:
Variable is null
Explicação:
A primeira condição typeofmyVar === 'objeto' avalia para verdadeiro porque minhaVar tem o valor nulo , mas a segunda condição minhaVar!== nulo avalia para falso porque minhaVar tem o valor nulo . Como resultado, o código do bloco else é executado e 'Variável é nula' é impresso no console.
3. Usando a palavra-chave 'nula':
Você também pode verificar se uma variável é nula usando o 'nulo' palavra-chave. O 'nulo' palavra-chave representa a ausência de qualquer valor de objeto. Aqui está um exemplo:
let myVar = null; if (myVar !== null) { console.log('Variable is not null'); } else { console.log('Variable is null'); }
Neste código, a variável minhaVar recebe o valor nulo. O oração condicional determina se minhaVar não é igual nulo .
MinhaVar não é nulo se a condição minhaVar!== nulo avalia para verdadeiro . A função do bloco if será então executada se for esse o caso. O comentário '// faça alguma coisa' no código de exemplo indica o código que você pode incluir no se bloquear para realizar a ação desejada quando a variável não é nula.
Por outro lado, se o teste para minhaVar!== nulo retorna falso , minhaVar é de fato nulo. A função do bloco else será então executada nesse cenário. A variável é declarada nula no código fornecido, que registra 'Variável é nula' para o console.
A saída será:
Variable is null
Explicação:
A condição minhaVar!== nulo é avaliado como falso porque o valor nulo foi atribuído a minhaVar . Como resultado, o código do bloco else é executado e 'Variável é nula' é impresso no console.
4. Usando o ponto de exclamação duplo (!!):
O ponto de exclamação duplo é outra maneira de verificar se uma variável não é nula em JavaScript. O ponto de exclamação duplo é usado para converter um valor em um valor booleano. Se uma variável não for nula, o ponto de exclamação duplo retornará 'verdadeiro'. Aqui está um exemplo:
let myVar = null; if (!!myVar) { console.log('Variable is not null'); } else { console.log('Variable is null'); }
Neste código, a variável minhaVar recebe o valor nulo. A variável é submetida a dupla negação usando o !! operador . Este método de transformar um valor em seu correspondente representação booleana é frequentemente utilizado.
vlc baixar vídeos do youtube
O dupla negação produzirá verdadeiro se a variável minhaVar é verdadeiro . A dupla negação de nulo retornará falso em JavaScript, pois nulo é considerado falso.
Após a dupla negação e antes de verificar o boleano valor de minhaVar , a instrução if. O código dentro do se bloquear será executado se o valor da variável, minhaVar , é verdadeiro e nem nulo nem falso.
Em contrapartida, se o valor for falso, minhaVar é vazio ou falso. A função do bloco else será então executada nesse cenário. A variável é declarada nula no código fornecido, que registra 'Variável é nula' para o console.
A saída será:
Variable is null
Explicação:
MinhaVar é dado o valor nulo , Assim, o dupla negação!! é usado e o valor de minhaVar é falso . Como resultado, o código do bloco else é executado e 'Variável é nula' é impresso no console.
5. Usando o Operador Ternário:
O operador ternário é uma forma abreviada de escrever um declaração 'se' . É uma linha única que pode ser usada para verificar se uma variável não é nula. Aqui está um exemplo:
let myVar = null; myVar !== null ? console.log('myVar is not null') : console.log('myVar is null');
Neste código, a variável minhaVar é dado o valor nulo . A condição minhaVar!== nulo é verificado usando o operador ternário?: . MinhaVar não é nulo se a condição minhaVar!== nulo avalia para verdadeiro . Nessa situação, console.log('myVar não é nulo') será usado para executar a expressão que vem antes do?.
Por outro lado, se o teste para minhaVar!== nulo retorna falso , minhaVar é de fato nulo . Nessa situação, console.log('minhaVar é nula') será usado para executar a expressão que segue o :.
A saída será:
myVar is null
Explicação:
A condição minhaVar!== nulo avalia para falso porque o valor null foi atribuído a myVar. A expressão após: é, portanto, executada, e 'minhaVar é nula' é impresso no console.
Conclusão:
Neste artigo, exploramos diferentes maneiras de verificar se uma variável não é nula em JavaScript. Se você optar por usar o Operador '!== nulo' , o operador 'typeof', o palavra-chave 'nula' , o ponto de exclamação duplo , o operador ternário , ou encadeamento opcional , é importante sempre verificar se uma variável não é nula antes de utilizá-la para evitar erros no seu código.
Ao compreender essas diferentes técnicas, você estará mais bem equipado para escrever código JavaScript mais confiável e livre de erros. Então da próxima vez que você estiver trabalhando com variáveis em JavaScript, lembre-se de sempre verificar se elas não são nulas antes de usá-las.