0Pricing
Javascript for Kids · レッスン

番号で項目を取得する

位置を指定して項目を選びます。

「番号で項目を取得する」はCoddyKit上の無料Javascript for Kidsレッスンです。 これはレッスン2/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはJavascript for Kids学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Javascript for Kidsコースには全4レッスンが含まれています。

宝物を取り出す 🤲

宝物を取り出す人さん、こんにちは！ 🌟 リストから1つの要素を取り出すには、どうすればよいでしょうか？

[ ] の中にあるインデックスを使います！ 🔢

let treasure = ["gold", "gem", "crown"]
console.log(treasure[0])

数え始めは0です！ 0️⃣

驚きですね！ リストは1ではなく、0から数えます！

最初の要素はインデックス [0] にあります。 🤯

let pets = ["cat", "dog", "fish"]
console.log(pets[0])

2番目の要素 1️⃣

2番目の要素はインデックス [1] にあります！

0が最初で、1が2番目です。少し難しいですが、楽しいですね！ 🎈

let pets = ["cat", "dog", "fish"]
console.log(pets[1])

3番目の要素 2️⃣

3番目の要素はインデックス [2] にあります。

パターンがわかりますか？ インデックスは、個数より常に1小さくなります！ 🪄

let pets = ["cat", "dog", "fish"]
console.log(pets[2])

金貨を取り出す 🪙

宝箱から最初の宝物を取り出してみましょう！

インデックス0にあるのが金貨です。 🪙

let treasure = ["gold", "gem", "crown"]
console.log("I found: " + treasure[0])

お気に入りを選ぶ 💖

インデックスを使って、好きな要素を選びましょう！

数字を変えて、別の要素を取り出してみてください。 🎯

let snacks = ["candy", "cookie", "cake"]
console.log(snacks[2])

リスト内の数字 🔢

リストから数字を取り出す方法も同じです！

インデックス0で最初の数字を取り出せます。 🧮

let scores = [10, 20, 30]
console.log(scores[1])

友だちを数える 🧒

チームのリストにいる最初の友だちに、こんにちはと言ってみましょう！

インデックス0がチームのリーダーです。 👋

let team = ["Sam", "Lily", "Max"]
console.log("Captain: " + team[0])

範囲外 🚫

存在しないインデックスを指定すると、undefined になります！

これは「そこには何もない」という意味です。ここでは、リストはインデックス2までです。 🤷

let pets = ["cat", "dog", "fish"]
console.log(pets[5])

最後の要素 🏁

最後の要素は、インデックス length - 1 にあります！

要素が3つある場合、最後の要素はインデックス2です。 🎯

let colors = ["red", "blue", "green"]
console.log(colors[colors.length - 1])

取り出してみましょう 🧒

インデックスを変えて、いろいろな宝物を取り出してみましょう！

数え始めは0だということを覚えておいてください。 🔢

let chest = ["map", "key", "coin", "ring"]
console.log(chest[2])

クイックチェック ✅

インデックスの問題です！ できますよ！ 🎯

宝物取り出し名人！ 🏆

すばらしいです！ 🎉 今日学んだこと：

  • インデックスを使って要素を取り出す：list[0]
  • 数え始めは0！
  • 最後の要素は length - 1 にある

もう宝物取り出しの達人です！ ⭐

let win = ["You", "did", "it!"]
console.log(win[2])

よくある質問

「番号で項目を取得する」レッスンは無料ですか？

はい。「番号で項目を取得する」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと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フィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. 配列とは何か
  2. 番号で項目を取得する
  3. 項目を追加・削除する
  4. リストをループする
← Javascript for Kidsに戻る