JSON.stringify():JavaScriptオブジェクトをJSONに変換する方法
JavaScriptでJSONを解析する方法
JSONを解析するとは、JSON形式のデータをJavaScriptオブジェクトに変換することを意味します。このオブジェクトは、プログラム内で処理や表示を行うために使用できます。
JSONを解析する方法
JavaScriptでJSONを解析するには、主に2つの方法があります。
JSON.parse()
は、JSON文字列をJavaScriptオブジェクトに変換する標準関数です。最も簡単で安全な方法です。
const jsonStr = '{"name": "John Doe", "age": 30}';
const obj = JSON.parse(jsonStr);
console.log(obj.name); // "John Doe"
console.log(obj.age); // 30
eval()を使う
eval()
は、文字列をJavaScriptコードとして実行する関数です。JSON文字列を直接オブジェクトに変換できますが、セキュリティ上のリスクがあるため、推奨されません。
const jsonStr = '{"name": "John Doe", "age": 30}';
const obj = eval(jsonStr);
console.log(obj.name); // "John Doe"
console.log(obj.age); // 30
JSON.parse()を使う際の注意点
JSON.parse()
は、JSON文字列が正しく書かれていない場合、エラーが発生します。エラーを防ぐために、以下の点に注意しましょう。
- JSON文字列は、二重引用符で囲む必要がある
- キーと値の間にコロン(:)が必要
- 値は、文字列、数値、真偽値、配列、オブジェクトなど、有効なJSON値である必要がある
const jsonStr = '{"name": "John Doe", "age": 30, "hobbies": ["読書", "映画鑑賞", "旅行"]}';
// JSON文字列をオブジェクトに変換
const obj = JSON.parse(jsonStr);
// オブジェクトのプロパティにアクセス
console.log(obj.name); // "John Doe"
console.log(obj.age); // 30
console.log(obj.hobbies); // ["読書", "映画鑑賞", "旅行"]
// オブジェクトの配列をループ処理
for (const hobby of obj.hobbies) {
console.log(hobby);
}
このコードは、以下の出力を生成します。
John Doe
30
[ '読書', '映画鑑賞', '旅行' ]
読書
映画鑑賞
旅行
- JSON文字列を配列に変換する例
const jsonStr = '[1, 2, 3, 4, 5]';
// JSON文字列を配列に変換
const arr = JSON.parse(jsonStr);
// 配列の要素にアクセス
console.log(arr[0]); // 1
console.log(arr[1]); // 2
console.log(arr[2]); // 3
const jsonStr = '{"date": "2024-03-27T00:00:00.000Z"}';
// JSON文字列を日付オブジェクトに変換
const date = new Date(JSON.parse(jsonStr).date);
// 日付オブジェクトのプロパティにアクセス
console.log(date.getFullYear()); // 2024
console.log(date.getMonth()); // 2
console.log(date.getDate()); // 27
上記のサンプルコードは、JSON.parse()
を使ってJSONを解析する方法を理解するのに役立ちます。
手動で解析する
const jsonStr = '{"name": "John Doe", "age": 30}';
// JSON文字列を分割
const parts = jsonStr.split(/[:,]/);
// プロパティ名と値のペアをオブジェクトに格納
const obj = {};
for (let i = 0; i < parts.length; i += 2) {
obj[parts[i]] = parts[i + 1];
}
console.log(obj.name); // "John Doe"
console.log(obj.age); // 30
ライブラリを使う
JSONを解析するライブラリも多数存在します。これらのライブラリを使うと、より簡単に、より安全にJSONを解析できます。
これらのライブラリは、それぞれ異なる機能や特徴を持っています。使用するライブラリは、プロジェクトの要件に応じて選択する必要があります。
JSONを解析するには、JSON.parse()
、手動解析、ライブラリの使用など、いくつかの方法があります。それぞれの方法には、メリットとデメリットがあります。使用する方法は、プロジェクトの要件や開発者のスキルに応じて選択する必要があります。
javascript json parsing