オブジェクト(JSON？)を整形表示したい

質問

■質問1
・下記オブジェクトを、下のように表示するにはどうすればよいでしょうか？
・nameの数はたくさんあります

hoge = {
　"name1": ["東京","19","女性"],
　"name2": ["大阪","21","男性"],
　"name3": ["京都","18","女性"],

↓表示
name1 東京 19 女性
name2 大阪 21 男性
name3"京都 18 女性,

■質問2
・同じことを多次元でもできるでしょうか？
hoge = {
　"group1": {
　　"name1": ["東京","19","女性"],
　　"name2": ["大阪","21","男性"],
　　"name3": ["京都","18","女性"]
　　},
　"group2": {
　　"name4": ["神奈川","22","女性"],

↓group1のみ表示
name1 東京 19 女性
name2 大阪 21 男性
name3"京都 18 女性,

回答No.1

Taiyonoshizuku · ベストアンサー

こういうこと？
だけど質問２の制御法は適当。
とりあえずgroup1以外が来たら終わる。

var html = '';
for(var i in hoge){
html += i + ' ';
for( var j in hoge[i]) {
html += hoge[i][j] + ',';
}
html = html.slice(0,-1) + '<br>';
}
document.getElementById('test').innerHTML = html;
var html2 = '';
for(var i in hoge2){
if(i !== 'group1') break;
html2 += i + ' ';
for( var j in hoge2[i]) {
html2 += hoge2[i][j] + ',';
}
html2 = html2.slice(0,-1) + '<br>';
}
document.getElementById('test2').innerHTML = html2;

お礼

回答ありがとうございました。
・おかげで期待した結果を取得することができました
・大変参考になりましたー