リストをループする
配列内のすべての項目を順に処理します。
「リストをループする」はCoddyKit上の無料Javascript for Kidsレッスンです。 これはレッスン4/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはJavascript for Kids学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Javascript for Kidsコースには全4レッスンが含まれています。
リストをループする 🔁📋
リスト探検家のみなさん、こんにちは！🌟 リストの中のすべての項目を見たいときはどうすればよいでしょうか？
for-ofという特別なループを使います！各項目を順番に取り出せます。🪄
let pets = ["cat", "dog", "fish"]
for (let pet of pets) {
console.log(pet)
}for-ofループ 🚶
for (let item of list)は、リストを1項目ずつたどります！
1回の繰り返しごとに、itemにはリストの次の項目が入ります。👣
let fruits = ["apple", "banana", "grape"]
for (let fruit of fruits) {
console.log(fruit)
}すべての宝物を見て回る 💎
宝箱の中のすべての宝物を見て、表示してみましょう！
ループが各項目を順番に取り出してくれます。🤲
let treasure = ["gold", "gem", "crown"]
for (let item of treasure) {
console.log("Found: " + item)
}数値をループする 🔢
for-ofは数値のリストにも使えます！
すべてのスコアを表示してみましょう。🎮
let scores = [10, 20, 30]
for (let score of scores) {
console.log(score)
}すべての友達にあいさつする 👋
チームのすべての友達に、こんにちはと言ってみましょう！
ループが全員にあいさつしてくれます。🤝
let team = ["Sam", "Lily", "Max"]
for (let name of team) {
console.log("Hi, " + name + "!")
}合計する ➕
ループを使って、リスト内のすべての数値を足し合わせられます！
合計を入れておく箱を用意し、数値を1つずつ加えましょう。🧮
let numbers = [1, 2, 3, 4]
let total = 0
for (let n of numbers) {
total = total + n
}
console.log("Total: " + total)ループで項目を数える 🔢
ループで数えれば、おやつがいくつあるか数えられます！
項目ごとに1を足しましょう。🍬
let treats = ["candy", "cookie", "cake"]
let count = 0
for (let t of treats) {
count++
}
console.log("Treats: " + count)すべての単語を大声で言う 📢
リストのすべての単語を大文字にして、大声で言っているようにしましょう！
それぞれにtoUpperCaseを使います。🔊
let words = ["hello", "hi", "yay"]
for (let w of words) {
console.log(w.toUpperCase())
}各項目を飾る 🎨
ループ内のすべての項目に、楽しい絵文字を追加できます！
それぞれをキラキラさせましょう。✨
let animals = ["cat", "dog", "fish"]
for (let a of animals) {
console.log(a + " ⭐")
}すべてのペットにえさをあげる 🦴
ループを使って、リストにいるすべてのペットにえさをあげましょう！
おなかをすかせる子はいません。🐶🐱🐠
let pets = ["dog", "cat", "fish"]
for (let pet of pets) {
console.log("Feeding the " + pet + " 🦴")
}あなたのループ冒険 🧒
リストの項目を変えて、あなた自身のリストをループしてみましょう！
あなたのループは何を表示するでしょうか？🎉
let myList = ["fun", "code", "yay"]
for (let item of myList) {
console.log(item)
}クイックチェック ✅
最後の問題です！あなたはスターです！🌟
リスト探検家！🏆
すばらしいです！🎉 今日学んだこと：
for-ofはリストのすべての項目を順番に調べる- 繰り返しごとに次の項目を受け取る
- すべての項目を追加したり、大文字にしたり、数えたりできる
Treasure Listsを修了しました！あなたはコーディングヒーローです！🦸⭐
let win = ["You", "are", "amazing!"]
for (let w of win) {
console.log(w)
}よくある質問
「リストをループする」レッスンは無料ですか？
はい。「リストをループする」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、Javascript for Kidsコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Javascript for Kidsコースには全4レッスンが含まれています。
「リストをループする」で何を学びますか？
配列内のすべての項目を順に処理します。 ブラウザで直接実行するハンズオンコードでJavascript for Kidsを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
Javascript for Kidsを始めるのに経験は必要ですか？
事前経験は必要ありません。CoddyKitのJavascript for Kidsは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン4/4です。
「リストをループする」レッスンにはどのくらい時間がかかりますか？
ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このJavascript for Kidsレッスンでコードを書いて実行できますか？
はい。すべてのJavascript for Kidsレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。
このコースのすべてのレッスン
- 配列とは何か
- 番号で項目を取得する
- 項目を追加・削除する
- リストをループする