ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript での json.stringify の使用方法

JavaScript での json.stringify の使用方法

不言
不言オリジナル
2019-01-07 14:00:104240ブラウズ

エンコーディングは、データを別の形式に変換する方法です。 JSONの場合、JSONはJavaScriptオブジェクトとして記述されますが、その内容のデータ形式は単なる文字列です。実際のところ、json ファイルを読み込むのは単なる文字列なので、オブジェクトのように扱うことはできません。エンコードすると、JavaScript のオブジェクトとして使用できるようになります。 JavaScript を使用して json をエンコードする方法を詳しく見てみましょう。

JavaScript での json.stringify の使用方法

エンコードには 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 を定義します。

JavaScript での json.stringify の使用方法

エンコードを読み込んだら、デコード方法を見てみましょう

デコードとは、エンコードされたものを元に戻すことです。

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))

実行結果は次のとおりです

JavaScript での json.stringify の使用方法

デコードが正しく完了していることがわかります。 。

上記の内容を読んだ後、本題に入りましょう。 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)

実行結果は次のようになります。配置されたスペースに従ってインデントされます

JavaScript での json.stringify の使用方法

スペースを増やすと、より明確に表示されます。コードは次のとおりです。

var json_obj = {"ID": 1,"name": "user01","gender": "women"}
 
var decoded_json = JSON.stringify(json_obj, null, "               ")
console.log(decoded_json)

結果は次のとおりです。

JavaScript での json.stringify の使用方法

また、スペースを追加することもできますが、明示的にインデント数を指定していることがわかりにくいので、直接インデントの数値を指定することもできます

var json_obj = {"ID": 1,"name": "user01","gender": "women"}
 
var decoded_json = JSON.stringify(json_obj, null, 2)
console.log(decoded_json)

結果は以下の通りです

JavaScript での json.stringify の使用方法

#見てみましょう

json.stringify を使用して配列をデコードします##コードは次のとおりです

var arr = ["a","b","c"];
 
var decoded_json = JSON.stringify(arr)
console.log(decoded_json)
console.log(typeof(decoded_json))

実行結果正しいデコード


JavaScript での json.stringify の使用方法オブジェクトに配列が含まれているかどうかは問題ではありません

#コードは次のとおりです

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。