javascript 初心者です 変数について

質問

javascript 初心者です　変数について

html内のbodyに次のように記述しています。

<script type="text/javascript">
<!--
var hensu1=7;
var hensu2=2;
var hensu3=5;
var hensu4=4;

for(i=1;i<=4;i++){
document.write("<div>");
for(j=1;j<="hensu"+i;j++){
document.write("<img src='sample.png'/>");
}
document.write("</div>");
}
-->
</script>

for(i=1;i<=4;i++)でdivを4つ並べ、
その中にそれぞれsample.pngをhensu分だけ並べ対のですが、
for(j=1;j<="hensu"+i;j++)の部分で　"hensu"+i　の記述の仕方が分からず、
上記の書き方だと表示されません。
正しい書き方を教えていただけないでしょうか？

回答No.1

mashazo · ベストアンサー

こんにちわ

文字列から変数名を生成するにはeval()関数を使います
上記のコードだと

eval("hensu"+i)

となります

ただeval()関数は処理に負荷がかかるものなので、他の方法で置換が可能であれば使わない方がいいと思います。配列を使った例を示します。for文の変数が0から始まっていて比較演算子が<のみである点に注意してください

<script type="text/javascript">
<!--
var hensu = [7,2,5,4];

for(i=0;i<4;i++){
document.write("<div>");
for(j=0;j<hensu[i];j++){
document.write("<img src='sample.png'/>");
}
document.write("</div>");
}
-->
</script>

お礼

上記のやり方で出来ました！
注意点なども細かく教えていただいてありがとうございます。
参考にさせていただきます。