ホームページ > 記事 > ウェブフロントエンド > JavaScript での json.stringify の使用方法
エンコーディングは、データを別の形式に変換する方法です。 JSONの場合、JSONはJavaScriptオブジェクトとして記述されますが、その内容のデータ形式は単なる文字列です。実際のところ、json ファイルを読み込むのは単なる文字列なので、オブジェクトのように扱うことはできません。エンコードすると、JavaScript のオブジェクトとして使用できるようになります。 JavaScript を使用して json をエンコードする方法を詳しく見てみましょう。
エンコードには JSON.parse を使用します。
var json_s = '{"ID": 1,"name": "user01","gender": "women"}' console.log(typeof(json_s)) var json_o = JSON.parse(json_s) console.log(typeof(json_o)) console.log(json_o.ID)
json_s は、JSON.parse を介してオブジェクトにエンコードされた単なる文字列である json を定義します。
エンコードを読み込んだら、デコード方法を見てみましょう
デコードとは、エンコードされたものを元に戻すことです。
JSON.stringify 関数を使用して文字列を返します。
コードを見てみましょう
var json = '{"ID": 1,"name": "user01","gender": "women"}' console.log(typeof(json)) var encoded_json = JSON.parse(json) console.log(typeof(encoded_json)) var decoded_json = JSON.stringify(encoded_json) console.log(typeof(decoded_json))
実行結果は次のとおりです
デコードが正しく完了していることがわかります。 。
上記の内容を読んだ後、本題に入りましょう。 json.stringify とは何ですか?使い方?
json stringify は、JSON をデコードする関数です。
json stringify を使用してデコードしながらフォーマットしてみましょう
JSON.stringify() は 3 つのパラメーターを受け取ることができます。
最初はエンコードされた値で、例のようにオブジェクトです。
2 番目のものは replacer と呼ばれ、コールバックを指定できます。
ここでは詳しく説明しないので、コードに null を追加します。
3 番目のパラメータは、このパラメータをフォーマットするためのインデントを指定するために使用されます。
具体的なコードを見てみましょう
var json_obj = {"ID": 1,"name": "user01","gender": "women"} var decoded_json = JSON.stringify(json_obj, null, " ") console.log(decoded_json)
実行結果は次のようになります。配置されたスペースに従ってインデントされます
スペースを増やすと、より明確に表示されます。コードは次のとおりです。
var json_obj = {"ID": 1,"name": "user01","gender": "women"} var decoded_json = JSON.stringify(json_obj, null, " ") console.log(decoded_json)
結果は次のとおりです。
また、スペースを追加することもできますが、明示的にインデント数を指定していることがわかりにくいので、直接インデントの数値を指定することもできます
var json_obj = {"ID": 1,"name": "user01","gender": "women"} var decoded_json = JSON.stringify(json_obj, null, 2) console.log(decoded_json)
結果は以下の通りです
#見てみましょうjson.stringify を使用して配列をデコードします##コードは次のとおりです
var arr = ["a","b","c"]; var decoded_json = JSON.stringify(arr) console.log(decoded_json) console.log(typeof(decoded_json))
オブジェクトに配列が含まれているかどうかは問題ではありません
#コードは次のとおりですvar arr = {"test": ["a","b","c"]}; var decoded_json = JSON.stringify(arr) console.log(decoded_json) console.log(typeof(decoded_json))実行結果は以下の通りです
以上がJavaScript での json.stringify の使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。