JSON (JavaScript オブジェクト表記法 ) はデータを共有する便利な方法です。人間にとってもコンピュータにとっても理解しやすいです。 JavaScript では、JSON はデータを単純なオブジェクトに整理するのに役立ちます。 JSON がどのように機能するのか、そしてなぜ JSON が情報交換に非常に役立つのかを見てみましょう。

JSON オブジェクトの構文:

const jsonData = { 'key1' : 'value1', ... };>

JavaScript JSON オブジェクトの例

例 1: ここでは、単純な JSON オブジェクトを作成する例を示します。

const person = {  'name': 'John',  'age': 30,  'city': 'New York' };>

説明：

• { }>– 中括弧はオブジェクトを定義します。
• 'name'>、'age'>、'city' ->これらはオブジェクトのキー (プロパティ) です。キーは常に文字列です。
• 'John'>、30>、'New York' ->これらは、各キーに関連付けられた対応する値です。
• : ->コロン(:)はキーと値を区切ります。
• , ->カンマ(,)は、オブジェクト内の異なるキーと値のペアを区切ります。

2. JSON オブジェクト値へのアクセス

• オブジェクトの値には、ドット (.) 表記を使用してアクセスできます。
• ブラケット([])表記を使用してオブジェクトにアクセスすることもできます。

例： 以下のプログラムでは、 を使用してオブジェクトにアクセスしています。表記。

let myOrder, i; // Object is created with name myOrder myOrder = {  'name_of_the_product': 'Earbuds',  'cost': '799',  'warranty': '1 year ' }; // Accessing for particular detail // from object myOrder i = myOrder.name_of_the_product; // It prints the detail of name // of the product console.log(i);>

Earbuds>

説明： JavaScript コードは、製品名、コスト、保証などのプロパティを持つオブジェクト「myOrder」を定義します。製品名にアクセスし、それを「i」に割り当てます。最後に、製品名 Earbuds がコンソールに記録されます。

3. JSON オブジェクトのループ

ループは 2 つの方法で実行できます。

• オブジェクトのループは、プロパティの for-in ループを使用して実行できます。
• オブジェクトをループする場合、for-in ループ プロパティで括弧 ([]) を使用することもできます。

例： 以下の例では、括弧 [] 表記を使用してループ オブジェクトにアクセスしています。

let myOrder, a; myOrder = {  'name_of_product': 'earbuds',  'cost': '799',  'warranty': '1 year' }; for (a in myOrder) {  // Accessing object in looping  // using bracket notation  console.log(myOrder[a]); }>

earbuds 799 1 year>

説明： このコードは、製品の詳細を使用してオブジェクト「myOrder」を初期化します。 「for-in」ループを使用して各プロパティを反復処理します。ループ内で、括弧表記を使用して各プロパティ値にアクセスし、それらをコンソールに記録します。これにより、イヤフォンの値、799、および 1 年が出力されます。

4. JSON テキストから JavaScript オブジェクトへの変換

JSON テキストを JavaScript オブジェクトに変換するには、 JSON.parse()>方法 。

例： この例では、JSON を JavaSctipt オブジェクトに変換します。

const jsonString = '{'name': 'John', 'age': 30}'; const jsonObject = JSON.parse(jsonString); console.log(jsonObject.name); // Output: John console.log(jsonObject.age); // Output: 30>

John 30>

説明：

• JSON.parse()>JSON 文字列を解析し、文字列で記述された JavaScript 値またはオブジェクトを構築します。
• 例では、jsonString>JSON 形式の文字列です。
• JSON.parse(jsonString)>JSON 文字列を JavaScript オブジェクトに変換し、変数に格納します。jsonObject>。
• JavaScript オブジェクトのプロパティにアクセスできますjsonObject>他の JavaScript オブジェクトと同様です。