Verificar se a variável existe em JavaScript
Kirill Ibrahim
30 janeiro 2023
-
Use o operador
typeofpara verificar se a variável existe em JavaScript: -
Utilize
if (varibale)Declaração para verificar se a variável existe em JavaScript:
Neste artigo, iremos introduzir múltiplas formas de verificar se uma variável é definida/inicializada. Cada método abaixo terá um exemplo de código, que pode ser executado na sua máquina.
Use o operador typeof para verificar se a variável existe em JavaScript:
O typeof operador verifica se uma variável está definida/nula, mas não atira um ReferenceError se for utilizada com uma variável não declarada.
Exemplo:
<!DOCTYPE html>
<html>
<head>
<title>
How to check if variable exists in JavaScript?
</title>
</head>
<body style = "text-align:center;">
<h2 >
How to check if variable exists in JavaScript?
</h2>
<p>
variable-name : Vatiable1
</p>
<button onclick="checkVariable()">
Check Variable
</button>
<h4 id = "result" style="color:blue;"></h4>
<!-- Script to check existence of variable -->
<script>
const checkVariable = () => {
let Vatiable1;
let result = document.getElementById("result");
if (typeof Vatiable1 === 'undefined') {
result.innerHTML = "Variable is Undefined";
}
else {
result.innerHTML = "Variable is defined and"
+ " value is " + Vatiable1;
}
}
</script>
</body>
Exemplo:
Utilizaremos o mesmo html que acima.
<script>
const checkVariable = () => {
let Vatiable1 = "variable 1";
let result = document.getElementById("result");
if (typeof Vatiable1 === 'undefined') {
result.innerHTML = "Variable is Undefined";
}
else {
result.innerHTML = "Variable is defined and"
+ " value is " + Vatiable1 ;
}
}
</script>
Exemplo:
Utilizaremos o mesmo html acima, para verificar se a variável é nula:
<script>
const checkVariable = () => {
let Vatiable1 = null;
let result = document.getElementById("result");
if (typeof Vatiable1 === 'undefined' ) {
result.innerHTML = "Variable is Undefined";
}
else if (Vatiable1 === null){
result.innerHTML = "Variable is null and not declared";
}
else {
result.innerHTML = "Variable is defined and"
+ " value is " + Vatiable1 ;
}
}
</script>
Utilize if (varibale) Declaração para verificar se a variável existe em JavaScript:
Podemos também utilizar a declaração if para verificar se uma variável existe porque cobre e verifica muitos casos como se verificasse se a variável é undefined, null, '', 0, Nan, e false. Mas o typeof operador verifica apenas undefined ou null.
Exemplo:
Vamos utilizar o mesmo html acima:
<script>
const checkVariable = () => {
//let Vatiable1;
let Vatiable1 = null;
// let Vatiable1 = '';
let result = document.getElementById("result");
if(Vatiable1){
result.innerHTML = "Variable is defined and"
+ " value is " + Vatiable1 ;
}
else{
result.innerHTML = "Variable is Undefined"
}
}
</script>