JavaScript | 文字列の中から、指定した位置の1文字を取り出す（charAt メソッド）

JavaScript charAt() 練習問題セット（全10問）

では、初心者でも楽しく学べるように、
「charAt()メソッド」練習問題10問セット（解答・解説付き） を紹介します。

✅ 問題1：基本

let str = "apple";
console.log(str.charAt(0));

let str = "apple";
console.log(str.charAt(0));

出力結果は？

🧩 答え

"a"

💬 解説

インデックスは0から始まるので、0番目は先頭の文字 "a"。

✅ 問題2：末尾の文字

let str = "banana";
console.log(str.charAt(5));

let str = "banana";
console.log(str.charAt(5));

出力結果は？

🧩 答え

"a"

💬 解説

"banana" は6文字。
インデックス0〜5 → 5番目は最後の "a"。

✅ 問題3：範囲外アクセス

let str = "dog";
console.log(str.charAt(3));

let str = "dog";
console.log(str.charAt(3));

出力結果は？

🧩 答え

""（空文字）

💬 解説

"dog" の長さは3。インデックス3は範囲外 → 空文字が返る。

✅ 問題4：日本語でもOK

let word = "花言葉";
console.log(word.charAt(1));

let word = "花言葉";
console.log(word.charAt(1));

出力結果は？

🧩 答え

"言"

💬 解説

0:花、1:言、2:葉 → インデックス1 は "言"。

✅ 問題5：変数で指定

let name = "Taro";
let n = 2;
console.log(name.charAt(n));

let name = "Taro";
let n = 2;
console.log(name.charAt(n));

出力結果は？

🧩 答え

"r"

💬 解説

n = 2 → "Taro" のインデックス2 は "r"。

✅ 問題6：for文で全部出力

let s = "cat";
for (let i = 0; i < s.length; i++) {
  console.log(s.charAt(i));
}

let s = "cat";
for (let i = 0; i < s.length; i++) {
  console.log(s.charAt(i));
}

出力結果は？

🧩 答え

c
a
t

💬 解説

charAt(i) が1文字ずつ出力される。

✅ 問題7：逆順に出力

let s = "sun";
for (let i = s.length - 1; i >= 0; i--) {
  console.log(s.charAt(i));
}

let s = "sun";
for (let i = s.length - 1; i >= 0; i--) {
  console.log(s.charAt(i));
}

出力結果は？

🧩 答え

n
u
s

💬 解説

最後の文字から charAt() で1文字ずつ出力している。

✅ 問題8：条件分岐に使う

let s = "-123";
if (s.charAt(0) === "-") {
  console.log("マイナスです");
} else {
  console.log("プラスです");
}

let s = "-123";
if (s.charAt(0) === "-") {
  console.log("マイナスです");
} else {
  console.log("プラスです");
}

出力結果は？

🧩 答え

"マイナスです"

💬 解説

先頭の文字が "-" なので条件が真になる。

✅ 問題9：絵文字を含む

let s = "A😊B";
console.log(s.length);
console.log(s.charAt(1));

let s = "A😊B";
console.log(s.length);
console.log(s.charAt(1));

出力結果は？

🧩 答え

4
(壊れた表示になる可能性あり)

💬 解説

😊 は内部的に2つのコードユニットで構成。
length は 4、charAt(1) は絵文字の「前半」しか取れない。
→ 絵文字扱うときは Array.from(s) などを使うのが安全。

✅ 問題10：空文字を返すケース

let s = "";
console.log(s.charAt(0));

let s = "";
console.log(s.charAt(0));

出力結果は？

🧩 答え

""（空文字）

💬 解説

長さ0の文字列なので、どのインデックスも範囲外。

まとめ

レベル別 練習アイデア