Java ScriptのJSONで入れ子追加

Question

Java Scriptで以下のような動作を再現させたいです。

var html = {};
var abc = {
"name":"abc",
"ad":"ad"
};
var xyz = {
"name":"xyz",
"ad":"ad2"
};

↓

html{
abc : {
"name":"abc",
"ad":"ad"
},
xyz : {
"name": "xyz",
"ad": "ad2"
}
};

形式がまちがっているかもしれませんが、
要するに入れ子にしたいです。

var abc = {
"name":"abc",
"ad":"ad"
};

また最初もこのようにすることにもこだわらず、
要は中カテゴリを大カテゴリにまとめる
というようなことができればと思います。

jQueryなどを利用してもよいのですが、
どのような方法があるのでしょうか?

教えていただけますと幸いです。
よろしくお願いいたします。

Answer 1

質問文のコードはオブジェクト初期化子に見えますが、最終的にJSONに変換したいという事でしょうか。

var abc = {"name": "abc", "ad":"ad"};
var xyz = {"name":"xyz", "ad":"ad2"};
var html = {abc: abc, xyz: xyz};

console.log(JSON.stringify(html)); // {"abc":{"name":"abc","ad":"ad"},"xyz":{"name":"xyz","ad":"ad2"}}

---

(2015/09/08 18:27追記)
オブジェクトはプロパティアクセス演算子で再代入可能です。

html.hoge = {name: 'ddd', ad: 'ad3'};

Comments

[1nakaji]

ご回答ありがとうございます。

>質問文のコードはオブジェクト初期化子に見えますが
この辺りの言葉、適当に使っております。
申し訳ございません。

>var html = {abc: abc, xyz: xyz};

こちら毎回abc,xyzと、
すべて書く必要がありますか?

別の方へのコメントでもかいているのですが、
配列のイメージでhtml.push(abc)で後ろに
追加できるような方法がないかと思いまして。

処理が進むにつれてDBからabcなどの
内容を取得して追加していくイメージです。

またお時間あればよろしくお願いいたします。

[think49]

オブジェクトはプロパティアクセス演算子でプロパティに再代入可能です。
親コメントにコードを追記しました。

[1nakaji]

お忙しい中ご回答感謝いたします。
勉強になります。

あとひとつだけ・・・

html.hoge = {name: 'ddd', ad: 'ad3'};

このhogeを変数などで、
動的に変えることは可能なのでしょうか。

for(i=0;i<10;i++){
html.i = {name: i, ad: 'ad3'};
}

で代入して、

for(i=0;i<10;i++){
console.log(html.i.name);
}

のように取り出すなどです。

こういったことができるのか、
また別の方法が思いつけば
教えていただければ幸いです。

[think49]

親コメントのプロパティアクセス演算子のリンク先を参照してください。
ブラケット表記法は変数を値に取れます。
オブジェクトのプロパティを列挙するには for-in や Object.keys を使用して下さい。

[1nakaji]

ご回答ありがとうございます。
リンクを貼っていただいていたのですね。

気づきませんでした。
ありがとうございます。

こちら参照させていただきます。
ご丁寧にありがとうございます。

Answer 2

オブジェクトリテラルで入れ子にするだけなら、下記のように書けます。

var html = {
    "abc": {
        "name":"abc",
        "ad":"ad"
    },
    "xyz": {
        "name":"xyz",
        "ad":"ad2"
    }
};

Comments

[1nakaji]

ご回答ありがとうございます。

こちら処理を進める過程で、
随時追加をしていきたいんです。

var html = { "abc": {"name":"abc","ad":"ad"},"xyz": {"name":"xyz","ad":"ad2"}};
次には
var html = { "abc": {"name":"abc","ad":"ad"},"xyz": {"name":"xyz","ad":"ad2"},,"def": {"name":"def","ad":"ad3"}};
という感じです。

配列とかでいえば、
html.push(abc)とかで後ろに追加できるかと思いますが、
そういったイメージです。

またお時間あればご回答頂けますと幸いです。