【JavaScript】JSONデータの中身を１つだけ出力する方法

Question

JSONの一部を出力したいです。

var obj = {
	a : true,
	b : false,
	c : 0,
	d : 1,
	e : 2,
	f : 0.345,
	g : "あ",
	h : "い"
};

var hoge = JSON.stringify(obj);
alert(hoge[0]);

上記の場合
・変数「 obj 」に含まれる一番最初の「 { 」が出力されてしまう。
・記号「 ○ 」などは\u2525的な感じで変換されてしまう。
**
質問内容
例えば「 a 」の「 true 」だけを出力する場合、また記号が変換されないようにするためには、どのように出力したら良いでしょうか？？**

下記URLにごアクセスいただき、コメントアウト外しで左上「RUN」をクリックすると実行できます。

JSFiddle
https://jsfiddle.net/fwjLfodh/5/

よろしくお願いします。

Answer 1

・記号「 ○ 」などは\u2525的な感じで変換されてしまう。

\u2525 は文字化けではなく、Unicodeエスケープシーケンスです。
文字列リテラルに変換されれば、正しく「〇」が出力されるはずです(最も、Google Chrome 59.0.3071.115 ではエスケープ処理は発生しませんでしたが)。
初めにJSON文字列しかなくてオブジェクトが存在しない状況と仮定するなら、JSON.parse を使えば解決できると思います。

var obj = {
    a : true,
    b : false,
    c : 0,
    d : 1,
    e : 2,
    f : 0.345,
    g : "あ",
    h : "い",
    i : '〇'
};

var json = JSON.stringify(obj);
console.log(json);  // {"a":true,"b":false,"c":0,"d":1,"e":2,"f":0.345,"g":"あ","h":"い","i":"〇"}
console.log(JSON.parse(json));  // {"a":true,"b":false,"c":0,"d":1,"e":2,"f":0.345,"g":"あ","h":"い","i":"〇"}

obj = JSON.parse(json);
console.log(obj);  // {"a":true,"b":false,"c":0,"d":1,"e":2,"f":0.345,"g":"あ","h":"い","i":"〇"}
console.log(obj.a); // true

Re: phiilo_ さん

Comments

[phiilo_]

文字化けではないですね。文字エンコード指定など色々試したんですが、うまく動作しませんでしたが、一つ前にご回答いただいた方で解決しました。
丁寧なご回答ありがとうございました！

Answer 2

JSON.stringifyは配列をJSON文字列化するコードなのでご提示のやり方だと文字列の最初(0番目)の「{」が出力されますし、全角文字列である「○」も変換されます。
配列として取り出したいのであればJSON文字列を配列に戻すJSON.parse()を利用します。

var obj = {
    a : true,
    b : false,
    c : 0,
    d : 1,
    e : 2,
    f : 0.345,
    g : "あ",
    h : "い"
};

var hoge = JSON.stringify(obj);
var pHoge = JSON.parse(hoge);
alert(pHoge["a"]); //true

Comments

[m.ts10806]

あ、そもそもJSON化しなくていいという話・・・

[phiilo_]

ありがとうございます。
JSONの取り扱いも色々あるようで勉強になりました！
このコードを利用して解決できましたのでベストアンサー
とさせていただきました！

[m.ts10806]

JSONを利用する意図とか経緯とか書かれたほうがいいかなと思います。
今回の提示のコードだけだと、JSON関係なく配列から指定値を取り出すだけでいいじゃん？って思う人もいるし、実際にそのような回答もありますし。

Answer 3

aを取得するだけならば、
以下で出来ました。

var obj = {
    a : true,
    b : false,
    c : 0,
    d : 1,
    e : 2,
    f : 0.345,
    g : "あ",
    h : "い"
};

alert(obj.a); //true が表示
alert(obj.g); //あ が表示

Comments

[phiilo_]

ありがとうございます。
参考にさせていただきます。とてもシンプルで良いですね！

Answer 4

JSON.stringify(obj)としていることで、hogeは文字列になってしまっています。

alert(hoge)
=>(文字列) {"a":true,"b":false,"c":0,"d":1,"e":2,"f":0.345,"g":"あ","h":"い"}

この文字列の一番先頭は"{"のため、hoge[0]は"{"と、なってしまいます。

実はこの場合stringifyを使う必要がなく、またhogeに代入する必要もなく、obj.a,obj.bと使用することで、お望みの挙動を実現できるはずです

Comments

[phiilo_]

ご回答ありがとうございました。参考にさせていただきます。

Answer 5

JSON.stringifyで文字列化しているので、結果としては妥当と思われます。
上記の場合、JSON.stringifyの処理は不要です。
また、objのaを取得したい場合、素直にobj.aで値を取得出来ます。

Comments

[phiilo_]

迅速なご回答ありがとうございました。参考にさせていただきます。

Answer 6

下記で解決しました！ご回答いただいた方々に感謝します。

var obj = {
a : true,
b : false,
c : 0,
d : 1,
e : 2,
f : 0.345,
g : "あ",
h : "い"
};

var hoge = JSON.stringify(obj);
var pHoge = JSON.parse(hoge);
alert(pHoge["a"]); //true

Answer 7

objectからn番目の値を取る場合valuesで参照してください

var obj = {
    a : true,
    b : false,
    c : 0,
    d : 1,
    e : 2,
    f : 0.345,
    g : "あ",
    h : "い"
};
console.log(Object.values(obj)[0]);

Comments

[think49]

> console.log(Object.values(obj)[0]);
Object.values は for-in と同じ順番で列挙される仕様ですが、順序は実装依存だったように思います。
あるいは、最近の仕様では変わったのでしょうか。

[yambejp]

どうなんでしょう？
もとの命題がhoge[0]を参照することが求めているので
より命題に沿った形の回答を模索しただけなんですけど。
（最終的にaの要素を直接見にいっているので余計なお世話だったようですが）
逆に質問者さんのいう0番目の要素が必ずしもaの要素とあっていないだけの話で
参照の仕方としては間違っていないのでは？

興味本位で申し訳ないですがthink49さんの思う0番目の要素の取り出し方はどうなりますか？

[think49]

> 逆に質問者さんのいう0番目の要素が必ずしもaの要素とあっていないだけの話で参照の仕方としては間違っていないのでは？
なるほど、hoge[0] で「0番目の要素」と解釈されたのですね。
私は本文中で "「 a 」の「 true 」だけを出力する場合" としかなかった為、「obj.a を取り出すで良い」と解釈していましたが、そういう考え方もありますね。

> 興味本位で申し訳ないですがthink49さんの思う0番目の要素の取り出し方はどうなりますか？
私の考える「0番目の要素の取り出し方」は「オブジェクトに『0番目の要素』の概念がない為、不可能」です。
元々、オブジェクトのキーには順序の概念はなく、「順序が重要ならオブジェクト初期化子を使う事が間違い」と考えています。
n番目の値を取りだす事を目的とするなら、オブジェクト初期化子では不可能なので、二次元配列もしくは new Map をお勧めします。
var map = new Map([["a",true],["b",false],["c",0],["d",1],["e",2],["f",0.345],["g","あ"],["h","い"],["i","〇"]]);
[...map.values()][0]; true
new Map には forEach もありますし、オブジェクト初期化子の上位互換だと思います。

[yambejp]

> 『0番目の要素』の概念がない為、不可能

たしかにおっしゃる通りですね
それなら納得です