、データ= [{
URL： "＃"、
アイコン： "FA FA-ダッシュボード"、
名前：「ダッシュボード」、
子供：[{
URL： "index.htmlを"、
アイコン： "FA FA-円-O"、
名前：「ダッシュボードV1」
}、{
URL： "index2.html"、
アイコン： "FA FA-円-O"、
名前：「ダッシュボードV2」
}]
}、{
URL： "ページ/ widgets.html"、
アイコン： "FA FA-ダッシュボード"、
名前：「ワット」、
子供：[]
}]
関数getHTml（データ）{
VARのhtml = "";
ため（VAR i = 0; iはdata.lengthを<; iは++）{
アイテム=データ[I]でした。
IF（item.children.length）{
HTML + = `<LIクラス= "ツリービュー">
<a href=" ">の
<Iクラス= "$ {item.icom}"> </ I>
<スパン> $ { item.name } </スパン>
<スパンクラス=「プル右コンテナを」>
<Iクラス= "FA FA-角度から左プル右"> </ I>
</ span>の
</ A>
<ULクラス= "ツリービューのメニュー"> `
{（J ++; J <item.children.length VAR J = 0）のための
VAR sub_item = item.children [J]
HTML + = `<LI> <a href="${sub_item.url}">
<I CLASS = "$ {sub_item.icon}"> </ I> $ { sub_item.name } </ A> </ LI> `
}
HTML + = `</ UL>
</ LI> `
}他{
HTML + = `<LI>
<a href="${item.url}">
<Iクラス= "$ {item.icom}"> </ i>は<スパン> $ { item.name } </スパン>
</ A>
</ LI> `
}
}
return html;
}
$('.sidebar-menu').html(getHTml(data))