順番に尋ねる
問題を順にループします
「順番に尋ねる」はCoddyKit上の無料Javascript for Kidsレッスンです。 これはレッスン2/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはJavascript for Kids学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Javascript for Kidsコースには全4レッスンが含まれています。
1問ずつお願いします！ 🔁
クイズ番組では、問題を順番に1問ずつ出します。これを自動的に行うためにループを使います！方法を学びましょう。🎤
ループとは？ 🌀
ループはコードを繰り返し実行するので、同じコードを何度も入力する必要がありません。賢く手間を省けますね！ 😎
for (let i = 0; i < 3; i++) {
console.log("Round " + i)
}リストをループする 📋
クイズのリストにあるすべての問題を、1問ずつループします。
let quiz = ["Q1?", "Q2?", "Q3?"]
for (let i = 0; i < quiz.length; i++) {
console.log(quiz[i])
}問題に番号を付ける 1️⃣2️⃣3️⃣
プレイヤーは、今何問目なのかを知りたいものです！番号を追加しましょう。
let quiz = ["Sky color?", "Grass color?"]
for (let i = 0; i < quiz.length; i++) {
console.log("Question " + (i + 1) + ": " + quiz[i])
}オブジェクトの問題を表示する 📦
問題はオブジェクトなので、ループの中で.questionの部分を読み取ります。
let quiz = [
{ question: "Sky color?", answer: "blue" },
{ question: "Snow color?", answer: "white" }
]
for (let i = 0; i < quiz.length; i++) {
console.log(quiz[i].question)
}もっと親しみやすいループ：forEach 🤝
forEachは、各項目を確認する簡単なループです。とてもすっきり書けます！
let quiz = ["What is 1+1?", "What is 2+2?"]
quiz.forEach(function(q) {
console.log(q)
})番号付きのforEach 🔢
forEachでは、項目の位置も取得できます！番号を付けるときに便利です。
let quiz = ["A?", "B?"]
quiz.forEach(function(q, i) {
console.log((i + 1) + ") " + q)
})選択肢も表示する 📋
各問題では、選択肢も表示します。ループの中にループを入れます！ 🌀🌀
let q = { question: "Says moo?", options: ["dog", "cow"] }
console.log(q.question)
q.options.forEach(function(opt, i) {
console.log((i + 1) + ". " + opt)
})問題の間に休憩を入れる ⏸️
本物の番組では、司会者が間を取ります。短い区切りのメッセージを表示しましょう！
let quiz = ["Q1?", "Q2?"]
quiz.forEach(function(q) {
console.log(q)
console.log("--- next question ---")
})最後の問題 🏁
最後の問題まで来たことをプレイヤーに伝えます。期待感が高まります！
let quiz = ["A?", "B?", "C?"]
for (let i = 0; i < quiz.length; i++) {
if (i === quiz.length - 1) {
console.log("FINAL: " + quiz[i])
} else {
console.log(quiz[i])
}
}問題が順番に進みます！ ✅
これでクイズがすべての問題を順番に、自動で出題するようになりました。番組がスムーズに進みます！ 🎬
let quiz = [
{ question: "1+1?" },
{ question: "2+2?" }
]
quiz.forEach(function(item, i) {
console.log("Q" + (i + 1) + ": " + item.question)
})クイックチェック ❓
ループについての頭の体操です！ 🌀
ループヒーロー！ 🦸
振り返りましょう。次のことを学びました。
- 🌀
forループ - 🤝 親しみやすい
forEach - 1️⃣ 問題に番号を付ける方法
- 🏁 最後の問題を見つける方法
次は、スコアを記録します！ 🏆
よくある質問
「順番に尋ねる」レッスンは無料ですか？
はい。「順番に尋ねる」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、Javascript for Kidsコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Javascript for Kidsコースには全4レッスンが含まれています。
「順番に尋ねる」で何を学びますか？
問題を順にループします ブラウザで直接実行するハンズオンコードでJavascript for Kidsを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
Javascript for Kidsを始めるのに経験は必要ですか？
事前経験は必要ありません。CoddyKitのJavascript for Kidsは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン2/4です。
「順番に尋ねる」レッスンにはどのくらい時間がかかりますか？
ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このJavascript for Kidsレッスンでコードを書いて実行できますか？
はい。すべてのJavascript for Kidsレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。