❓ 配列の要素が undefined になる

😰 こんな症状

配列から値を取り出したら undefined と表示される。

🔍 原因

配列のインデックスは 0 から始まる。arr[3] は4番目の要素。要素数より大きいインデックスを指定すると undefined になる。

❌ エラーが起きるコード

for (let i = 0; i < 10; i--) {
  console.log(i);
}
// i-- で無限ループ

✅ 直し方

arr.length で配列の要素数を確認する。3つの要素がある配列なら arr[0]〜arr[2] が有効。

✅ 修正後のコード

for (let i = 0; i < 10; i++) {
  console.log(i);
}

🔗 関連するエラー

• Uncaught ReferenceError: xxx is not defined — 変数・関数名のタイポ
• Uncaught TypeError: Cannot read properties of null — getElementById の id が存在しない
• 404 Not Found（スクリプトが読み込まれない） — script の src パスが間違っている
• ボタンを押しても何も起きない — getElementById の id 不一致
• SyntaxError: Unexpected token — 括弧・波括弧の閉じ忘れ

📖 この問題を学べるレッスン

JavaScriptコースで基礎から学ぶ →

📝 関連ブログ記事

• プログラミングのエラーメッセージの読み方 — エラーの読み方を基礎から解説

📖 関連する用語

• 変数
• 定数
• 関数
• 配列
• オブジェクト

❓ 関連するQ&A

• console.logの結果はどこで見る？
• ボタンクリックで何も起きない
• letとconstどっちを使う？