【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'}

包括的なカバレッジ:複雑な概念を把握しやすくする重要なトピックと実用的な実例を徹底的に説明し、JavaScriptを深く掘り下げます。当社のコンテンツは、強力な基盤と高度なスキルを提供するように設計されており、JavaScript関連の課題に十分な準備が整っています。インタラクティブな学習:インタラクティブなフォーマットで学習体験を変えましょう。実践的なコードスニペットとエクササイズで、学んだことをすぐに練習して適用できます。このアプローチは、理解を深めるだけでなく、実際のプロジェクトで...

初心者や経験豊富なプログラマー向けのJavaScriptとデータ構造のフラッシュカード。 #1

初心者や経験豊富なプログラマー向けのJavaScriptとデータ構造のフラッシュカード。 #2

初心者や経験豊富なプログラマー向けのJavaScriptとデータ構造のフラッシュカード。

￥13,562 (2025年9月17日 06:02 GMT +09:00 時点 - )

包括的なカバレッジ:複雑な概念を把握しやすくする重要なトピックと実用的な実例を徹底的に説明し、JavaScriptを深く掘り下げます。当社のコンテンツは、強力な基盤と高度なスキルを提供するように設計されており、JavaScript関連の課題に十分な準備が整っています。インタラクティブな学習:インタラクティブなフォーマットで学習体験を変えましょう。実践的なコードスニペットとエクササイズで、学んだことをすぐに練習して適用できます。このアプローチは、理解を深めるだけでなく、実際のプロジェクトで... もっと読む