JavaScript に変数が存在するかどうかをチェックする
Kirill Ibrahim
2023年1月30日
-
JavaScript で変数が存在するかどうかを調べるには
typeof演算子を使用する -
if (varibale)ステートメントを使用して、JavaScript に変数が存在するかどうかを確認する
今回は、変数が定義されているかどうか/初期化されているかどうかを確認する複数の方法を紹介します。以下の各メソッドにはコード例がありますので、お使いのマシンで実行してみてください。
JavaScript で変数が存在するかどうかを調べるには typeof 演算子を使用する
typeof 演算子は変数が定義されているか否かをチェックしますが、宣言されていない変数と一緒に使用した場合は ReferenceError をスローしません。
例：
<!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>
例：
上記と同じ html を使用します。
<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>
例：
上記と同じ html を使用して、変数が null であるかどうかを確認します。
<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>
if (varibale) ステートメントを使用して、JavaScript に変数が存在するかどうかを確認する
変数が undefined、null、''、0、Nan、false であるかどうかをチェックするように、多くのケースをカバーしてチェックしてくれるので、変数が存在するかどうかをチェックするために if ステートメントを使用することもできます。しかし、typeof 演算子は undefined か null のみをチェックします。
例：
上記と同じ html を使用します。
<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>