JavaScript | 変数の値が未定義値（undefined）か判定する

主な内容の要点

1. 変数を宣言しただけだと undefined が入る

let num;
console.log(num); // → undefined

let num;
console.log(num); // → undefined

• 変数を宣言しても、値を代入しなければ自動的に undefined という特別な値が入る。

2. 'undefined'（文字列）とは別物

let num;
if (num === 'undefined') {
  console.log('文字列のundefined');
} else {
  console.log('not undefined');
}
// → not undefined

let num;
if (num === 'undefined') {
  console.log('文字列のundefined');
} else {
  console.log('not undefined');
}
// → not undefined

• undefined は文字列ではなく、JavaScriptの特別な値。
• 'undefined' という文字列と比較しても一致しない。

3. undefined かどうかを調べる方法は2つ

方法① グローバル変数 undefined と比較

let num;
if (num === undefined) {
  console.log('undefined');
}

let num;
if (num === undefined) {
  console.log('undefined');
}

方法② typeof 演算子を使う

let num;
if (typeof num === 'undefined') {
  console.log('undefined');
}

let num;
if (typeof num === 'undefined') {
  console.log('undefined');
}

• typeof は変数の型を文字列で返す。
• 値が未定義なら 'undefined' が返る。

ポイント

• 宣言だけの変数には undefined が入る
• undefined は文字列ではない
• チェック方法は === undefined または typeof === 'undefined'

初心者向けに言い換えると、
👉 「変数を作ったけどまだ値を入れてないときは、自動的に undefined という“空っぽマーク”が入る。
👉 それを調べたいときは === undefined か typeof を使う」
ということです。