関数を用いて作成した配列の要素の結合

質問

お世話になります。
function HTagItem(ID,TitleOrg){
this.ID=ID;
this.TitleOrg=TitleOrg;
this.Href='<a href="#'+ID+'">'+TitleOrg+'</a>';
}

Menu_HTag = new Aray(
new HTagItem('01','１章'),
new HTagItem('02','２章'),
new HTagItem('03','３章'),
new HTagItem('04','４章')
);

と、なっているとき、
"１章|２章|３章|４章"
と、いう文字列を作成したくて

var strMenu=Menu_HTag.TitleOrg.join('|')
と、してみましたがJavaScriptが停止してしまいます。
関数を用いて作成した配列をjoin()では結合できないのでしょうか。
よろしくお願いします。

回答No.1

BLUEPIXY · ベストアンサー

Menu_HTag は、HTagItem オブジェクトの配列であって、単なる文字列の配列じゃないですから、単純にjoin して"１章|２章|３章|４章"には、ならないと思います。
１つのやり方として、
function HTagItem(ID,TitleOrg){
this.ID=ID;
this.TitleOrg=TitleOrg;
this.Href='<a href="#'+ID+'">'+TitleOrg+'</a>';
this.toString=function(){ return TitleOrg; }
}

Menu_HTag = new Array(
new HTagItem('01','１章'),
new HTagItem('02','２章'),
new HTagItem('03','３章'),
new HTagItem('04','４章')
);

var strMenu=Menu_HTag.join('|');
とは、できると思います。

お礼

BLUEPIXYさん、いつもありがとうございます。
できました。
こんなことができるとは、驚きです。
ますます、JavaScriptにはまります。
ところが、
this.toString=function(){ return TitleOrg; }
を
this.toString=function(){ return Href; }
と、すると文字列が返らなくなります。
関数の中で定義した文字列ではダメなのでしょうか。

また、これは、以前BLUEPIXYさんに教えていただいた<a>タグのname="**"を<h*>タグのid="***"に
変更して階層化しようとしているものです。
以前教えていただいた<a>タグのname="**"を配列にしてメニューを自動的に表示できるのはとても重宝しています。
今回、更に階層化に挑戦しています。

補足

お礼への補足です。
this.toString=function(){ return Href; }
を
this.toString=function(){ return this.Href; }
で、できました。
お騒がせしました。