Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ JavaScriptにおけるオブジェクトの作成 | JavaScriptオブジェクトの基礎
JavaScriptデータ構造

bookJavaScriptにおけるオブジェクトの作成

メニューを表示するにはスワイプしてください

オブジェクトの作成、オブジェクトリテラルの使用、キーの命名規則について解説。

オブジェクトリテラルによるオブジェクトの作成

最も一般的かつ便利なオブジェクトの作成方法は、オブジェクトリテラル({}で囲まれたキーと値のペアの集合)を使用する方法。

const book = {
  title: "The Catcher in the Rye",
  author: "Jerome David Salinger",
  genres: ["Realistic fiction", "Coming-of-age fiction"],
  relevant: true,
  rating: 8.38,
};

この例では、bookという名前のオブジェクトを作成し、複数のプロパティをキーと値のペアで定義。オブジェクト作成の主要な要素を以下に分解。

キーと値のペア

  • キー(プロパティ名): オブジェクト内の各プロパティはキーで記述。これらのキーはプロパティ名とも呼ばれ、常に文字列として表現。bookオブジェクトでは、titleauthorgenresrelevantratingなどがプロパティ名;
  • : キーに関連付けられる値は任意のデータ型(プリミティブ、配列、オブジェクト、ブーリアン、関数など)を指定可能。例えば、titleプロパティは文字列、genresプロパティは配列を保持;
  • カンマ: オブジェクト内のプロパティはカンマで区切る。カンマは各キーと値のペアを区別するために重要。

キー命名規則

オブジェクトのキー(プロパティ名)を命名する際には、いくつかの簡単なルールがあります。

クォートされたキー

キーがクォート(引用符)で囲まれている場合、有効な文字列であれば何でも使用できます。スペース、記号、通常識別子で許可されていない文字も利用可能です。

const person = {
  "first name": "Terry",
  "favorite color": "blue",
  "address@home": "485 Schaefer Stream",
};

クォートされていないキー

キーにクォートがない場合、いくつかの制限があります。キーはスペースを含まない名前で、文字、_$、または任意のUnicode文字で始める必要があります。

const car = {
 manufacturer: "Toyota",
  _model: "Camry",
  $year: 2022,
};

これらのルールにより、オブジェクトのキー定義時の一貫性と有効性が保たれます。

1. 下記の例で、duration オブジェクトのキー course に関連付けられている値は何ですか?

2. オブジェクトリテラル内のコロンの目的は何ですか?

3. オブジェクトのキー(プロパティ名)を引用符で囲む場合、そのルールは何ですか?

question mark

下記の例で、duration オブジェクトのキー course に関連付けられている値は何ですか?

正しい答えを選んでください

question mark

オブジェクトリテラル内のコロンの目的は何ですか?

正しい答えを選んでください

question mark

オブジェクトのキー(プロパティ名)を引用符で囲む場合、そのルールは何ですか?

正しい答えを選んでください

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 2.  2

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 2.  2
some-alt