JSONについて調べてみた

JavaScript,JSON

JSONとは

JavaScript Object Notation
データを表現するための記法です。
JavaScriptの構文に似ていますが、JavaScriptとは独立して扱われます。
JavaScript以外のプログラミング言語でもJSONを扱うことができる機能が準備されています。

形式

JSONはオブジェクト、もしくは配列で表現されます。

オブジェクト

JSON

{
 "key" : value,
 "key" : value,
 "key" : value
}

オブジェクトの中に、keyとvalueのペアであるメンバーを複数含むことができます。
このメンバーは順序付けされていません。

メンバー("key" : value)は,で区切って複数定義することができる
keyは"(ダブルクォート)で囲む必要がある(シングルクォートではだめ)
一つの値を分断しない限り、改行やスペースを自由にいれることができる(そのため上記のように成形することができます)
valueは以下の型を取ることができる

型	説明
文字列	"(ダブルクォート)で囲む必要がある
数値	10進数、指数表記を使うことが可能(8進数、16進数は使うことができない)
オブジェクト
配列
boolean	true/false。小文字の必要がある
null	小文字の必要がある

サンプル

{
  "user" : {
    "name": "Taro",
    "age": 30,
    "languages": ["Japanese", "English"],
    "active": true
  }
}

配列

以下のように、配列として扱うこともできます。

[
  {
    "name": "Taro",
    "age": 30,
    "languages": ["Japanese", "English"],
    "active": true
  },
  {
    "name": "Aiko",
    "age": 33,
    "languages": ["Japanese"],
    "active": false
  },
  {
    "name": "Hanako",
    "age": 29,
    "languages": ["English", "French"],
    "active": true
  }
]

JavaScriptでのJSONの扱い方

環境

Windows10
Node.js 10.14.1

Jsonデータの作り方

var userJson = {
  "name": "Taro",
  "age": 30,
  "active": true
}
console.log(userJson.name);
// Taro

オブジェクトをJSON文字列に変換する

var userObj = {
  name: "Taro",
  age: 30,
  active: true
}
console.log(userObj);
// { name: 'Taro', age: 30, active: true }

var userJson = JSON.stringify(userObj);
console.log(userJson);
// {"name":"Taro","age":30,"active":true}

JSON.stringifyを使用することで、オブジェクトデータをJSON文字列へ変換することができます。

JSON文字列をオブジェクトに変換する

var userObj = {
  name: "Taro",
  age: 30,
  active: true
}
var userJson = JSON.stringify(userObj); // JSON文字列へ変換
console.log(userJson);
// {"name":"Taro","age":30,"active":true}
console.log(userJson.name);
// undefined

var parsed = JSON.parse(userJson); // オブジェクトへ変換
console.log(parsed);
// { name: 'Taro', age: 30, active: true }
console.log(parsed.name);
// Taro