0Pricing
Javascript for Kids · レッスン

プロパティを変更する

オブジェクトを更新します

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

宝物を入れ替えましょう 🔄

犬が誕生日を迎えたらどうしますか?🎂 年齢を変える必要がありますね。

うれしいことに、オブジェクトの中の宝物はいつでも変更できます。

ドットとイコールを使いましょう 🟰

宝物を変更するには、ドットでその宝物を指定し、=を使って新しい値を設定します。

「dogのドット age、今は5です!」と言うようなものです。

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

変更前と変更後 👀

変更が起きる様子を見てみましょう!まず古い値を読み取り、次に変更して、もう一度読み取ります。

let dog = { age: 4 }
console.log(dog.age)
dog.age = 5
console.log(dog.age)

言葉も変更できます 📝

言葉の宝物も変更できます!猫が新しい名前になったのかもしれません。🐱

let cat = { name: 'Mittens' }
cat.name = 'Shadow'
console.log(cat.name)

数字を増やしましょう 🌱

数字に足し算したいですか?読み取り、足し算をして、結果を元に戻して保存します。

ここでは、犬が1歳年を取ります。🎉

let dog = { age: 4 }
dog.age = dog.age + 1
console.log(dog.age)

新しい宝物を追加しましょう ✨

それまでなかった宝物を追加することもできます!新しいキーに値を設定するだけです。

犬に color を追加してみましょう。

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

trueとfalseを切り替えましょう 🚦

ロボットは眠っていました。true/falseを変更して、起こしてあげましょう!🤖

let robot = { awake: false }
robot.awake = true
console.log(robot.awake)

ヒーローをパワーアップ 💪

ヒーローが新しい力を覚えました!変更してみましょう。

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

クッキーを食べましょう 🍪

クッキーを1枚食べるたびに、数が1つ減ります。ひと口かじってみましょう!

let snack = { name: 'Cookies', amount: 12 }
snack.amount = snack.amount - 1
console.log(snack.amount)

一度にたくさん変更しましょう 🎁

宝物はいくつでも変更できます。1行ずつ書くだけです!

let pet = { name: 'Bubbles', age: 1 }
pet.name = 'Splash'
pet.age = 2
console.log(pet.name)
console.log(pet.age)

あなたが変更する番です 🌟

この風船は小さいサイズです。sizeを 'big' に変更して実行しましょう!🎈

let balloon = { size: 'small' }
balloon.size = 'big'
console.log(balloon.size)

クイックチェック ✅

変更のスキルを披露しましょう!🧠

変更のおさらい 🎉

すばらしいです!🛠️ 宝物を変更する方法を学びました。

  • ドットで指定し、=で設定する
  • 同じ方法で新しい宝物を追加する
  • x = x + 1のように数字を増減させる

次は、ペットのオブジェクトを一緒にまるごと作ります!🐾

よくある質問

「プロパティを変更する」レッスンは無料ですか?

はい。「プロパティを変更する」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと24時間対応のAIチューター)、Javascript for Kidsコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Javascript for Kidsコースには全4レッスンが含まれています。

「プロパティを変更する」で何を学びますか?

オブジェクトを更新します ブラウザで直接実行するハンズオンコードでJavascript for Kidsを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Javascript for Kidsを始めるのに経験は必要ですか?

事前経験は必要ありません。CoddyKitのJavascript for Kidsは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン3/4です。

「プロパティを変更する」レッスンにはどのくらい時間がかかりますか?

ほとんどのCoddyKitレッスンは約5~10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このJavascript for Kidsレッスンでコードを書いて実行できますか?

はい。すべてのJavascript for Kidsレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

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

  1. オブジェクトとは
  2. プロパティを読み取る
  3. プロパティを変更する
  4. ペットオブジェクト
← Javascript for Kidsに戻る