JSON 文字列変換とパース

JSONとは、”JavaScript Object Notation”の略らしく、難しく云うと「テキストベースのデータフォーマット」です。少し簡単に云うとExcelにはCSVと云うテキストファイルが扱いやすいですが、JSONは最近流行りのPythonやJavaScript・Swiftなどから扱いやすい形式のテキストデータと云うことになります。

JSONは様々なデータ構造を作れます。Excelのような縦横のグリッド形式の場合JSONフォーマットで表すと下記のように記述することも可能です。

JavaScriptの変数をJSON文字列に変換

JavaScriptで作成した変数をJSON文字列に変換したい場合はJSON.stringify()を使います

var array1 = []; //空の配列
array1.push({"NAME": "山田", "AGE":30}); //配列追記
array1.push({"NAME": "田中", "AGE":40}); //配列追記
var jsonString = JSON.stringify(array1); //JSON文字列変換

console.log(jsonString);

4行目の変数jsonStringには文字列「[{“NAME”:”山田”,”AGE”:30},{“NAME”:”田中”,”AGE”:40}]」が入りました。従って、JSON形式で他者にデータを渡す場合JSON.stringify()を利用します。

JavaScriptでJSON文字列をパース

「JSONをパースする」や「パーサーを使う」などの言葉をよく耳にすると思います。他者からJSON形式の文字列を受け取る場合JSONをパースし利用します。

JavaScriptでJSONをパースする場合JSON.parse()を使います。使い方は簡単でJSON形式の文字列をJSON.parse()の引数に入れるだけです。

let jsonString = "[{\"NAME\":\"山田\",\"AGE\":30},{\"NAME\":\"田中\",\"AGE\":40}]";
let array2 = JSON.parse(jsonString)

変数array2は下のようにデータが入りました。