THE HAM MEDIA BLOG

JSONについての勉強メモ

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
JSON
javascript
xml

JSONについて少しお勉強

以前XMLを扱おうとした際に出てきたJSONなるもの。
JSONについて何もしらないので、調べつつここにメモしていこうと思う。

ちなみに、JSONのことを書こうとしているのですが、
XMLのことも、現状の理解度は低かったりします。
と、そんな状態ですが、とりあえず扱えるくらいにはなってみよう!
などという目標のもと、今回の勉強メモをエントリー

JSONとは

JSON(ジェイソン、JavaScript Object Notation)は、JavaScriptにおけるオブジェクトの表記法をベースとした軽量なデータ記述言語である。
JavaScript Object Notation - Wikipedia

XMLみたいなものだけど、それとは形式が違うようだ。

データ型

「数値」「文字列」「真偽値」「配列」「オブジェクト」「null」
以上のデータ型を利用することができるようだ。

そしてtrue、false、nullなどは全て小文字で各必要があるようだ。

また、数値は10進法表記だけで、8進法や16進法表記などはできない。
10進法以外が使われても、頭が混乱するだけなので、
この点についてはとても理解しやすい。

表記方法

  • ・オブジェクトは{}で全体を囲む
  • ・キーと値のペアはコロン(:)で区切る
  • ・複数指定はカンマ(,)で区切る
  • ・キーには文字列のみ使用可能
  • ・キーには文字列のみ使用可能
  • ・配列は全体を[]で囲み、値をカンマ(,)で区切って列挙

例:オブジェクト

{"name" : "HAM" , "age" : 24}

例:配列

["JavaScript" , "Ajax" , "JSON"]

例:オブジェクトと配列のネスト

{"languages" : ["JavaScropt" , "PHP" , "XML"]}

JSONの例

{"users": [
 {
  "name": "hamu",
  "age" : 24,
  "language":["XHTML" , "CSS"]
 },
 {
  "name": "h2",
  "age":25,
  "language":["PHP" , "Java"]
 },
 {
  "name": "hoge",
  "age":26,
  "language":["JS" , "jQuery"]
 }
]}

この様な形式にまとめたデータを近いうちに扱ってみたい。
一応jQueryで扱えるようにするのが目標だけど、
外部に保存されているデータを読み込めるかどうかが鍵かなって思う。

失敗例

これを読み込むようなスクリプトを書いたときに、
なぜかどうやっても動作しなかった。

原因は、単にJSON形式の記述方法が間違っていたようだ。
カンマのつけ忘れや不必要な部分につけてしまう、
キーの入れ忘れなどなど、形式を間違えると読み込めなくなるようだ。

注意しなくては!

そして現在、外部の保存されているJSONを読み込む方法を模索中。
JSONなら読み込めるって書いてあったような気がするんだけど・・・
勉強はまだまだ続く。

トップ画のソース

Two Pugs for the Price of One
Photographer
Dunechaser
License
Creative Commons (by-nc-sa)
Tool for photo selecting
Gigazinize Tools - Image
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス: [必須入力]

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック

JSONとJSONP
Excerpt: ネタ元:JSONについての勉強メモ クロスドメインでデータのやり取りをする場合J...
Weblog: to-R
Tracked: 2008-07-18 01:09

トップに戻る