JavaScriptのJSONオブジェクト stringify() メソッドの使い方 メソッドについて記載します。
概要、実際のサンプルコードを交えて構文などの使い方をまとめてみました。
JavaScriptのJSONオブジェクトとは？
JavaScript Object Notation (JSON) は、JavaScript のオブジェクト構文に基づいた、構造化されたデータを表現するための標準的なテキストベースのフォーマットです。
JSON はウェブアプリケーションのデータ転送によく使われます (たとえば、あるデータをAPIサーバーからクライアントに送信して、APIウェブページに表示したり、その逆に表示をしたりします)。
JavaScriptのJSON型を理解し、JSONのデータを解析、分析できるようになれば、Webデータを容易に解析できることが可能となります。
ウェブ上のデータは現在ほぼJSONで扱われているといっても過言ではないくらい重要なデータ型となっています。
それでは、次に本題の説明に移ります。
JavaScriptのJSONオブジェクト stringify() メソッドの使い方 概要
JSONオブジェクトのstringify()メソッドは、JavaScriptオブジェクトをJSON文字列に変換するために使用されます。
構文、使い方
JSON.stringify() メソッドは、JavaScriptオブジェクトをJSON文字列に変換するために使用されます。
構文は以下の通りです。
|
1 |
JSON.stringify(value[, replacer[, space]]) |
value: 変換するJavaScriptオブジェクト
replacer: 置換関数または配列
space: 文字列または数値（インデント用）
使い方例：
|
1 2 3 |
let obj = {name: 'John', age: 30}; let jsonStr = JSON.stringify(obj); console.log(jsonStr); // '{""name"":""John"",""age"":30}' |
引数について
引数として、変換したいJavaScriptオブジェクトを指定します。
返り値について
返り値は、変換されたJSON文字列です。
このメソッドを利用した便利なテクニック
JSONオブジェクトのstringify()メソッドを使うと、JavaScriptオブジェクトを文字列に変換できます。
これを使うと、オブジェクトを保存したり、サーバーに送信したりするのが簡単になります。
また、オブジェクトを比較したり、オブジェクトをソートしたりするのも容易になります。
現場で実際にどのように使われているか
JSONオブジェクトのstringify()メソッドは、JavaScriptオブジェクトをJSON文字列に変換するために使用されます。
例えば、以下のようなJavaScriptオブジェクトをJSON文字列に変換することができます。
|
1 2 3 4 5 6 7 8 |
const obj = { name: 'John', age: 30 }; const jsonString = JSON.stringify(obj); // '{""name"":""John"",""age"":30}' |
JavaScriptのJSONオブジェクト stringify() メソッドの使い方 と一緒によく使われる処理
一緒によく使われる処理は、JSONオブジェクトを文字列に変換することです。
なぜなら、JSONオブジェクトを文字列に変換することで、そのデータをネットワーク上で送受信することができるからです。
stringify()メソッドは、JSONオブジェクトを文字列に変換するためのメソッドなので、ネットワーク上でデータを送受信するためによく使われます。
使用する上での注意点
– JSONオブジェクトを文字列に変換する場合は、stringify() メソッドを使用してください。
– 引数として、変換したいJSONオブジェクトを渡してください。
– 文字列に変換した結果を受け取るために、stringify() メソッドの戻り値を受け取る必要があります。
JavaScriptのJSONオブジェクト stringify() メソッドの使い方 と似た処理のJSメソッド、違い
JSON.parse()に似ていますが、下記の違いがあります。
- JSON.parse() メソッド：JSON文字列をJavaScriptのオブジェクトに変換する。
- JSON.stringify() メソッド：JavaScriptのオブジェクトをJSON文字列に変換する。
JSONオブジェクトの他メソッドとしてparse() メソッドも良く使われています。
下記に記事にしていますので、気になる方は確認してみてください。
JavaScriptのJSONオブジェクト stringify() メソッドの使い方 を使ったサンプルコードの紹介
JSONオブジェクト stringify() メソッドの使い方
|
1 2 3 4 5 6 7 8 9 10 11 |
// JSONオブジェクトを作成 let obj = { name: ""John"", age: 30 }; // JSONオブジェクトを文字列に変換 let str = JSON.stringify(obj); // 変換した文字列を表示 console.log(str); |
JSONオブジェクトのstringifyメソッド公式ドキュメント
また、JavaScriptの公式ドキュメントであるMDNで記載されているJSONオブジェクトのstringifyメソッドについても補足としてリンクを貼っておきます。参考にしてみてください。
