こちらのソースですが、なぜundefinedがでるのでしょうか？

質問

こちらのソースですが、なぜundefinedがでるのでしょうか？
また、undefinedを消す方法はありますか？
よろしくお願いいたします。

<script>
window.onload = function(){

var hairetu = Array(1,2,3,4,5,6,7,8,9,10);

for(var i=0; i<hairetu.length; i++){
var hoge;
if(hairetu[i] % 2 == 0 && hairetu[i] % 3 == 0){
hoge += hairetu[i] + '\n';
}else if(hairetu[i] % 2 == 0){
hoge += hairetu[i] + '\n';
}else if(hairetu[i] % 3 == 0){
hoge += hairetu[i] + '\n';
}else {
hoge += hairetu[i] + '\n';
}
}

alert(hoge);

}

</script>

回答No.1

ok-kaneto · ベストアンサー

<script>
window.onload = function(){

var hairetu = Array(1,2,3,4,5,6,7,8,9,10);
var hoge = '';

for(var i=0; i<hairetu.length; i++){
if(hairetu[i] % 2 == 0 && hairetu[i] % 3 == 0){
hoge += hairetu[i] + '\n';
}
else if(hairetu[i] % 2 == 0){
hoge += hairetu[i] + '\n';
}else if(hairetu[i] % 3 == 0){
hoge += hairetu[i] + '\n';
}else {
hoge += hairetu[i] + '\n';
}
}

alert(hoge);
}

</script>

hogeを定義しただけで初期化しないまま使っているから。
hoge += hairetu[i] + '\n';
この部分。で、ループの中に宣言部があるので余計にややこしい。

補足

おお！undefined出ませんね！ありがとうございます！

確認ですが「変数の初期化」とは、
↓この部分ですね？
var hoge = '';