--- title: 'スキルテスト: オブジェクトの基本' slug: 'Learn/JavaScript/Objects/Test_your_skills:_Object_basics' translation_of: 'Learn/JavaScript/Objects/Test_your_skills:_Object_basics' ---
このスキルテストの目的は、JavaScript オブジェクトの基本の理解度をテストすることです。
注意: 以下のインタラクティブなエディターでソリューションを試すこともできますが、コードをダウンロードし、CodePen, jsFiddleやGlitchのようなオンラインツールを使用してタスクを実行すると役立つ場合があります。
行き詰まった場合は、助けを求めてください — このページの下部にある評価またはさらなる支援セクションを参照してください。
注意: 以下の例では、コードにエラーがある場合、ページの結果パネルに出力され、答えを見つけ出すのに役立ちます(ダウンロード可能なバージョンの場合は、ブラウザーのJavaScriptコンソールに)
このタスクでは、オブジェクトリテラルが与えられます。あなたのタスクは下記です。
catName
変数に、角括弧記法を用いて、name
プロパティの値を保存するgreeting()
メソッドを使うcolor
プロパティをblack
に変更する以下のライブコードを更新して、完成した例を再現してみてください。
{{EmbedGHLiveSample("learning-area/javascript/oojs/tasks/object-basics/object-basics1.html", '100%', 400)}}
このタスクの開始点をダウンロードして、お好きなエディターまたはオンライン・エディターで作業してください。
次のタスクでは、お気に入りのバンドの1つを表す、自分だけのオブジェクトリテラルを作成してみましょう。必要な要素は次のとおりです。
name
: バンドの名前を表す文字列nationality
: バンドの出身国を表す文字列genre
: バンドが演奏する音楽の種類members
: バンドのメンバー数を表す数字formed
: バンドが結成した年を表す数字split
: バンドが解散した年を表す数字、まだ活動している場合はfalse
albums
: そのバンドによってリリースされたアルバムを表す配列。それぞれの配列の要素は、下記の要素を含んだオブジェクトであること
name
: アルバムの名前を表す文字列released
: リリースされた年を表す数字albums
配列には、少なくとも2つのアルバムを含めること。
これが終わったら、変数bandInfo
に、名前、国籍、活動年数、スタイル、最初のアルバムのタイトルと発売日などの少しの詳細を書き込みます。
以下のライブコードを更新して、完成した例を再現してみてください。
{{EmbedGHLiveSample("learning-area/javascript/oojs/tasks/object-basics/object-basics2.html", '100%', 400)}}
このタスクの開始点をダウンロードして、お好きなエディターまたはオンライン・エディターで作業してください。
最後に、「オブジェクトの基本」のまとめとして、タスク#1のcat
オブジェクトリテラルに戻りましょう。 「Hello, said Bertie the Cymric.
」と記録されるように、greeting()
メソッドを書き直してください。 ブラウザのDevToolsのコンソールにアクセスしますが、名前や品種に関係なく、同じ構造のすべてのcat
オブジェクトで機能します。
完了したら、cat2
という独自のオブジェクトを作成します。このオブジェクトは、同じ構造、まったく同じgreeting()
メソッドを持ちますが、名前、品種、色が異なります。
両方のgreeting()
メソッドを呼び出して、適切なあいさつ(greeting)がコンソールに記録されることを確認します。
コードはあまりDRYではありません(それぞれは1回だけ定義すること)—たとえば、同じメソッドを2回定義しています。 どうすればもっとDRYにすることができますか? よくわからない場合でも、心配しないでください。これは、シリーズの今後の記事で取り上げる予定です。
以下のライブコードを更新して、完成した例を再現してみてください。
{{EmbedGHLiveSample("learning-area/javascript/oojs/tasks/object-basics/object-basics3.html", '100%', 400)}}
このタスクの開始点をダウンロードして、お好きなエディターまたはオンライン・エディターで作業してください。
自分のコードの評価が欲しい、または行き詰まって助けを求めたい場合: