【JavaScript】JSONデータの基本操作

JSON（JavaScript Object Notation）は、データを構造化して表現するための軽量なデータ形式のことである。jQueryを使用してJSONデータを扱う基本的な方法を下記に。

• JSONデータの解析

JSONデータをJavaScriptオブジェクトに解析するには、JSON.parse() メソッドを使用する。

var jsonText = '{"name": "John", "age": 30, "city": "New York"}';
var jsonObject = JSON.parse(jsonText);

console.log(jsonObject.name); // "John"
console.log(jsonObject.age);  // 30
console.log(jsonObject.city); // "New York"

• JavaScriptオブジェクトをJSONに変換

JavaScriptオブジェクトをJSON文字列に変換するには、JSON.stringify() メソッドを使用する。

var person = {
    name: "John",
    age: 30,
    city: "New York"
};

var jsonText = JSON.stringify(person);
console.log(jsonText); // '{"name":"John","age":30,"city":"New York"}'

• JSONデータの追加

新しいデータをJSONオブジェクトに追加するには、新しいプロパティをキーと値のペアとしてオブジェクトに追加する。

// 空のJSONオブジェクトを作成
var jsonObject = {};

// データの追加
jsonObject.name = "John";
jsonObject.age = 30;

console.log(jsonObject);// {name: 'John', age: 30}

• JSONデータの削除

JSONオブジェクトからプロパティを削除するには、delete キーワードを使用する。

// 空のJSONオブジェクトを作成
var jsonObject = {};

// データの追加
jsonObject.name = "John";
jsonObject.age = 30;
// プロパティの削除
delete jsonObject.age;

console.log(jsonObject);// {name: 'John'}

• JSONデータの更新

既存のプロパティの値を変更するには、プロパティに新しい値を代入する。

// 空のJSONオブジェクトを作成
var jsonObject = {};

// データの追加
jsonObject.name = "John";
jsonObject.age = 30;
// プロパティの削除
delete jsonObject.age;
// プロパティの更新
jsonObject.name = "Jane";

console.log(jsonObject);// {name: 'Jane'}