JSONオブジェクトリテラル
これはJSON文字列です。
'{"name":"John", "age":30, "car":null}'
JSON文字列内には、JSONオブジェクトリテラルがあります。
{"name":"John", "age":30, "car":null}
JSONオブジェクトリテラルは中括弧{}で囲まれています。
JSONオブジェクトリテラルには、キーと値のペアが含まれます。
キーと値はコロンで区切ります。
キーは文字列である必要があり、値は有効なJSONデータ型である必要があります。
- 弦
- 番号
- 物体
- 配列
- ブール値
- null
各キーと値のペアはコンマで区切られています。
JSONオブジェクトリテラルを「JSONオブジェクト」と呼ぶのはよくある間違いです。JSONをオブジェクトにすることはできません。JSONは文字列形式です。文字列形式の場合、データはJSONのみです。JavaScript変数に変換すると、JavaScriptオブジェクトになります。
JavaScriptオブジェクト
JSONオブジェクトリテラルからJavaScriptオブジェクトを作成できます。
通常、JSON文字列を解析してJavaScriptオブジェクトを作成します。
オブジェクト値へのアクセス
ドット(.)表記を使用して、オブジェクトの値にアクセスできます。
例
const myJSON = '{"name":"John", "age":30, "car":null}';
const myObj = JSON.parse(myJSON);
x = myObj.name;
角かっこ([])表記を使用してオブジェクト値にアクセスすることもできます。
例
const myJSON = '{"name":"John", "age":30, "car":null}';
const myObj = JSON.parse(myJSON);
x = myObj["name"];
オブジェクトのループ
for-inループを使用して、オブジェクトのプロパティをループできます。
例
const myJSON = '{"name":"John", "age":30, "car":null}';
const myObj = JSON.parse(myJSON);
let text = "";
for (const x in myObj) {
text += x + ", ";
}
for-inループでは、ブラケット表記を使用してプロパティ値にアクセスします。
例
const myJSON = '{"name":"John", "age":30, "car":null}';
const myObj = JSON.parse(myJSON);
let text = "";
for (const x in myObj) {
text += myObj[x] + ", ";
}
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。