English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JSON オブジェクト(Object)

JSONオブジェクトはJavaScriptで作成できます。

JSONオブジェクトは花括号{}で囲まれています。

JSONオブジェクトは花括号{}で囲まれています。キー/値(キー/value)の形式で記述してください。

キーが文字列で、以下の形式で記述する必要があります。valueが有効なJSONデータタイプでなければなりません。

キーvalueと之间にコロン(:)で区切られ、各name/valueカンマ(,)で区切られた値の間に記号を含めます。

JSON オブジェクトの作成

以下の例では、JavaScript で JSON を使用してオブジェクトを作成する方法を示しています:

var myJSON = { "name":"Seagull", "age":32, "city":"New Delhi" };
テストを見て‹/›

オブジェクト値のアクセス

オブジェクト値にアクセスするために、点(.)表記法を使用できます:

var myJSON = { "name":"Seagull", "age":22, "city":"New Delhi" };
myJSON.name;   // returns "Seagull"
テストを見て‹/›

それでは、方括号([])表記法を使用して、オブジェクト値にアクセスできます:

var myJSON = { "name":"Seagull", "age":22, "city":"New Delhi" };
myJSON["name"];   // returns "Seagull"
テストを見て‹/›

巡回

オブジェクトの属性をループで巡回することができます。for-in

以下の例では、JSON オブジェクトの各属性を取得しています。名前

var myJSON = { "name":"Seagull", "age":22, "city":"New Delhi" };
for(let x in myJSON) {
   document.getElementById("output").innerHTML += x;
}
テストを見て‹/›

以下の例では、JSON オブジェクトの各属性を取得しています。

var myJSON = { "name":"Seagull", "age":22, "city":"New Delhi" };
for(let x in myJSON) {
   document.getElementById("output").innerHTML += myJSON[x];
}
テストを見て‹/›

ネストした JSON オブジェクト

オブジェクトは他のオブジェクトにネストすることができます。各ネストされたオブジェクトはユニークなアクセスパスを持たなければなりません。

  var myJSON = {
  "name":"Seagull",
  "age":22,
  "pets": { 
   "type":"dog",
   "name":"Oscar"
  }
  }

それでは、点(.)表記法や方括号([])表記法を使用して、ネストした JSON オブジェクトにアクセスできます:

myJSON.pets.name;
/*** または ***/
myJSON.pets["name"];
テストを見て‹/›

オブジェクト値の変更

点(.)表記法を使用して、JSON オブジェクト内のどの値も変更できます:

myJSON.age = 300;
myJSON.pets.name = "Coco";
テストを見て‹/›

それでは、オブジェクト値を変更するために、方括号([])表記法を使用できます:

myJSON["age"]= 300;
myJSON.pets["name"] = "Coco";
テストを見て‹/›

オブジェクト属性の削除

delete キーワードを使用して JSON オブジェクトから属性を削除します。

delete myJSON.pets;
テストを見て‹/›