JSON文法のおさらい(おさえておきたい４種類と変換方法)

こんにちは！しーま（@s59shima）です。

いつもブログをご覧いただきありがとうございます。

この記事では、こんな疑問を持った人に向けて記事を書きました。

読者

JSONで扱えるデータの種類って何がある！？

これからJSONについて学習する方にはおすすめの記事です。

フリーランスおすすめエージェント一覧

Contents

JSONとは
JSONの表示形式
JSONの値は４種類
JSONとオブジェクトの変換
本記事のまとめ
おすすめ記事
関連記事

JSONとは

Javascript object Notationの略。

プログラム間でデータをやりとりする時に使用されるデータフォーマットになります。

名前と値をペアとして保持し、４種類の値が使用できます。

JSONの表示形式

”名前”：値の書式で、名前はダブルクォーテーションで括ります。拡張子は【.json】です。

名前と値の間にはコロンが入ります。

値に特殊文字（スラッシュ・改行・クォーテーション）を扱う場合は、少し書き方が変わります。

{ ”名前”：値 }

複数ある場合　※カンマ区切りで、名前：値のペアを繰り返します。

{ ”名前”：値, ”名前”：値, ”名前”：値・・・ }

JSONの値は４種類

JSONの値は以下の４種類です。

文字列
数値
真偽値（true / false）
配列

実際の使用方法をサンプルコードで確認しましょう！

{
 "from" : "okinawa",
 "age" : 29,
 "male" : true,
 "code" : [ "java", "javascript", "php" ]
}

上から順に文字列、数値、真偽値、配列を定義しています。

Javascriptを使用してJSONデータの中身を確認してみましょう！

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>sample</title>
    <script type="text/javascript" src="jquery-3.4.1.min.js"></script>
    <script type="text/javascript">
      $(function() {
        var info = {
          "from" : "okinawa",
          "age" : 29,
          "male" : true,
          "code" : [ "java", "javascript", "php" ]
        }
        console.log( info );
      });
    </script>
  </head>
  <body>
  </body>
</html>

console.log( info )とした場合、ブラウザでの表示結果は以下のようになります。

JSONデータが全て取得できていることがわかります。