JSON配列から連結された文字列

Question

多くのユーザーに関する情報を含むJSONファイルを読んでいます。

{ 
"SRM": [{ 
    "title": "Firstname Surname", 
    "image": "firstname", 
    "subtitle":"the subtitle"  
}, { 
    "title": "Firstname Surname", 
    "image": "firstname", 
    "subtitle":"the subtitle" 
}, { 
    "title": "Firstname Surname", 
    "image": "firstname", 
    "subtitle":"the subtitle" 
}] 

}

最初の部分は、その詳細を取得し、そのように私のHTMLを構築するには、正常に動作しています。

 $.getJSON("srm.json", function(data) { 
     var i = 1; 
     $.each(data.SRM, function(key, val) { 

       $("#image"+i).attr("src", "custom/img/who/"+val.image+".jpg"); 
       $("#bioimage"+i).attr("href", "custom/img/who/"+val.image+"b.jpg"); 
        $("#title"+i).html(val.title); 
        $("#subtitle"+i).html(val.subtitle); 
       i = i+1; 

     }); 


    }); 

ただし、フィルタとして機能するタグを導入しました。

{ 
"SRM": [{ 
    "title": "CHETNA SHARMA", 
    "image": "chetna", 
    "subtitle":"SERVICE RELATIONSHIP MANAGER", 
    "tags":["1","2","3"] 
}] 

}

私は、ユーザのクラスにそれらすべてを追加できるように正しくこれらのバックを読み取る方法を見つけ出すことはできません。

例えば上記のタグはそう

<div id="thetags" class="cbp-item 1 2 3"> 

のように正しく全体のタグ配列を読み出すための最善の方法上の任意のポインタをそれらを追加する必要がありますか？おかげで

Answer 1

var tags = val.tags; 
tags.join(" "); // this will convert array to string.