0Pricing
Javascript for Kids · レッスン

プロパティを読み取る

オブジェクトから値を取得します

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

宝箱の中をのぞきましょう 🔍

宝箱（オブジェクト）を作りました。次は中をのぞいて、宝物を取り出しましょう！

オブジェクトから値を取り出すことを、プロパティを読み取るといいます。🪙

魔法のドット ✨

宝物を取り出すには、宝箱の名前、ドット .、そしてキーの順に書きます。

「dogのドット nameをお願いします」と言うようなものです！🐶

let dog = { name: 'Rex', age: 4 }
console.log(dog.name)

数字を取り出しましょう 🔢

ドットは言葉だけでなく、すべての宝物に使えます！犬の年齢を取り出してみましょう。

試して、数字が出てくるのを見てみましょう！

let dog = { name: 'Rex', age: 4 }
console.log(dog.age)

宝物を2つ取り出しましょう 🪙🪙

宝物はいくつでも読み取れます！毎回ドットを使うだけです。

ここでは、名前と年齢の両方を読み取ります。

let cat = { name: 'Mittens', age: 2 }
console.log(cat.name)
console.log(cat.age)

文の中に入れてみましょう 💬

+ 記号を使って言葉をつなげれば、宝物を文の中に組み込めます！

ロボット 🤖が自分の名前を使ってあいさつする様子を見てみましょう。

let robot = { name: 'Beep' }
console.log('Hi, I am ' + robot.name)

宝物を使った計算 ➕

宝物が数字なら、それを使って計算できます！

犬の年齢を1歳増やしてみましょう。🎂

let dog = { name: 'Rex', age: 4 }
console.log(dog.age + 1)

ヒーローを読み取りましょう 🦸

スーパーヒーローの宝箱から読み取ってみましょう！名前と力を取り出します。

let hero = {
  name: 'Captain Star',
  power: 'flying'
}
console.log(hero.name)
console.log(hero.power)

つづりが大切です！🐝

キーは正確につづる必要があります。name と Name は同じではありません！

つづりを間違えると、undefinedになります（「その宝物は見つかりません」という意味です）。🤷

let dog = { name: 'Rex' }
console.log(dog.Name)

組み合わせて表示しましょう 🎁

おやつの宝箱を読み取り、それについての楽しいメッセージを作りましょう！

let snack = { name: 'Cookies', amount: 12 }
console.log('I have ' + snack.amount + ' ' + snack.name)

trueとfalseの宝物 🚦

true/falseの宝物も読み取れます！はい・いいえの質問にぴったりです。

このロボットは友好的でしょうか？確認してみましょう！

let robot = { name: 'Beep', isFriendly: true }
console.log(robot.isFriendly)

あなたが読み取る番です 🌟

ここにペットの宝箱があります。colorの宝物を自分で読み取ってみましょう！行を変更して実行してください。

let pet = {
  name: 'Bubbles',
  color: 'orange'
}
console.log(pet.color)

クイックチェック ✅

頭を働かせる時間です！🧠 宝物の読み取りについて、学んだことを見せてください。

読み取りのおさらい 🎉

よくできました、宝物ハンターさん！🗺️ プロパティを読み取る方法を学びました。

  • ドットを使う: chest.key
  • キーを正確につづる 🐝
  • +を使って宝物を文に組み込む

次は、宝箱の中の宝物を変更する方法です！🔧

よくある質問

「プロパティを読み取る」レッスンは無料ですか？

はい。「プロパティを読み取る」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと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に戻る