JSON.stringifyとJSON.parseの違いと使い方


まず、JSON.stringifyについて説明します。このメソッドは、JavaScriptオブジェクトをJSON文字列に変換します。以下に例を示します。

const obj = { name: "John", age: 30 };
const jsonString = JSON.stringify(obj);
console.log(jsonString);

上記のコードでは、objオブジェクトがJSON.stringifyメソッドでJSON文字列に変換され、jsonString変数に格納されます。コンソールには以下のように表示されます。

{"name":"John","age":30}

次に、JSON.parseについて説明します。このメソッドは、JSON文字列をJavaScriptオブジェクトに変換します。以下に例を示します。

const jsonString = '{"name":"John","age":30}';
const obj = JSON.parse(jsonString);
console.log(obj);

上記のコードでは、jsonString変数に格納されたJSON文字列がJSON.parseメソッドでJavaScriptオブジェクトに変換され、obj変数に格納されます。コンソールには以下のように表示されます。

{ name: 'John', age: 30 }

JSON.stringifyとJSON.parseを組み合わせることで、JavaScriptオブジェクトをJSON文字列に変換して保存し、必要に応じてJSON文字列をJavaScriptオブジェクトに戻すことができます。これは、データの永続化やネットワークを介したデータの送受信など、さまざまなシナリオで役立ちます。

また、JSON.stringifyとJSON.parseは、データのシリアライズとデシリアライズにも使用されます。シリアライズとは、データをバイトストリームやテキストなどの形式に変換することを指し、デシリアライズはその逆です。

以上がJSON.stringifyとJSON.parseの基本的な使い方です。他にもさまざまなオプションやパラメータがありますので、公式ドキュメントや他のリソースを参照することをおすすめします。