【javascript】JSON.stringify()でjsonを簡単に文字列に変換する方法│株式会社シーポイントラボ

自分のための備忘録ということで今回はjson.stringify()の使い方をちょこっと書いていきます。

javascriptでjsonファイルを扱ってあれこれするということはよくあります。というのも自分は今まで

あまり意識せず（理解をあいまいにして）使っていました。でもなあなあにしていると後で困るかなと思い

jsonを成形するときに使うであろうjson.stringify()の使い方をさくっとおさらいすることにしました。


console.log(JSON.stringify({ num: 5, class: 1 }));

{"num":5,"class":6}

基本的な動きとしてはこんな感じ。

またJSON.stringify()は、三つまで引数を指定することができます。一つ目は成形対象のオブジェクト、

二つ目はコールバック（決められたタイミングで発火する関数）

三つめはインテントを指定することができます。

例えば

&lt;div id="crayon-5d5ba94fea7ae091061679-1" class="crayon-line"&gt;const &lt;span class="crayon-i"&gt;json_obj&lt;/span&gt; = &lt;span class="crayon-sy"&gt;{&lt;/span&gt;&lt;span class="crayon-s"&gt;"ID"&lt;/span&gt;&lt;span class="crayon-sy"&gt;:&lt;/span&gt; &lt;span class="crayon-cn"&gt;1&lt;/span&gt;&lt;span class="crayon-sy"&gt;,&lt;/span&gt;&lt;span class="crayon-s"&gt;"name"&lt;/span&gt;&lt;span class="crayon-sy"&gt;:&lt;/span&gt; &lt;span class="crayon-s"&gt;"asaba"&lt;/span&gt;&lt;span class="crayon-sy"&gt;,&lt;/span&gt;&lt;span class="crayon-s"&gt;"gender"&lt;/span&gt;&lt;span class="crayon-sy"&gt;:&lt;/span&gt; &lt;span class="crayon-s"&gt;"male"&lt;/span&gt;&lt;span class="crayon-sy"&gt;}&lt;/span&gt;&lt;/div&gt;
&lt;div id="crayon-5d5ba94fea7ae091061679-2" class="crayon-line crayon-striped-line"&gt;&lt;/div&gt;
&lt;div id="crayon-5d5ba94fea7ae091061679-3" class="crayon-line"&gt;&lt;span class="crayon-t"&gt;const&lt;/span&gt;?&lt;span class="crayon-i"&gt;decoded_json&lt;/span&gt; = &lt;span class="crayon-i"&gt;JSON&lt;/span&gt;&lt;span class="crayon-sy"&gt;.&lt;/span&gt;&lt;span class="crayon-e"&gt;stringify&lt;/span&gt;&lt;span class="crayon-sy"&gt;(&lt;/span&gt;&lt;span class="crayon-i"&gt;json_obj&lt;/span&gt;&lt;span class="crayon-sy"&gt;,&lt;/span&gt; &lt;span class="crayon-t"&gt;null&lt;/span&gt;&lt;span class="crayon-sy"&gt;,&lt;/span&gt; &lt;span class="crayon-s"&gt;" 2"&lt;/span&gt;&lt;span class="crayon-sy"&gt;)&lt;/span&gt;&lt;/div&gt;
&lt;div id="crayon-5d5ba94fea7ae091061679-4" class="crayon-line crayon-striped-line"&gt;&lt;span class="crayon-i"&gt;console&lt;/span&gt;&lt;span class="crayon-sy"&gt;.&lt;/span&gt;&lt;span class="crayon-e"&gt;log&lt;/span&gt;&lt;span class="crayon-sy"&gt;(&lt;/span&gt;&lt;span class="crayon-i"&gt;decoded_json&lt;/span&gt;&lt;span class="crayon-sy"&gt;)&lt;/span&gt;&lt;/div&gt;

【javascript】JSON.stringify()でjsonを簡単に文字列に変換する方法

【JavaScript】ブレイクポイントを使いやすくするためのtry, catch

【javascript】key/valueの連想配列を動的に作る

株式会社シーポイントラボ