Tigra Menuの解析(2)───Tigra MenuでJavascriptを学ぶ(5)

2.各部の解析(1)

　2-1.　MENU 項目

MENU項目はjsファイル内で定義されるが、それはメニュー構造を忠実に反映した配列となっている。

例えば次のようなメニューの場合、そのjsファイル内での記述は以下のようになる。

階層メニューの表示例

menu1　　　　menu2　　　　　menu3
　├menu1-1　　├menu2-1
　├menu1-2　　├menu2-2−┬menu2-2-1
　├menu1-3　　　　　　　 ├menu2-2-2
　　　　　　　　　　　　　├menu2-2-3

Tigra Menuによるmenu項目の登録例

var MENU_ITEMS = [
　["menu1","http://url1",
　　　["menu1-1","http://url1-1"],
　　　["menu1-2","http://url1-2"],
　　　["menu1-3","http://url1-3"]
　],
　["menu2","http://url1",
　　　["menu2-1","http://url2-1"],
　　　["menu2-2","http://url2-2",
　　　　　["menu2-2-1","http://url2-2-1"],
　　　　　["menu2-2-2","http://url2-2-2"],
　　　　　["menu2-2-3","http://url2-2-3"]
　　　]
　],
　["menu3","http://url3"]
]

メニュー階層の深さに配列次元が連動し、すなわち配列はメニューの階層構造をそのまま反映したものとなっている。

模式図的に書けば、この配列は以下のような構造となっているわけだ。

　1
　　1-1
　　1-2
　　1-3
　2
　　2-1
　　2-2
　　　2-2-1
　　　2-2-2
　　　2-2-3
　3

--------------------------------------------------------

まず語らねばならぬことは、このような配列を見たのが初めてであるということだ。

それは恰もメニューそのものであるかのような、Javascriptによる配列表現であり、配列はメニューの構造を忠実に反映しているが故に、「構造的」なものとなっている。