undefinedを表示させない方法はありますか？（javascript）

Question

undefinedを表示させない方法はありますか？（javascript）コードを入力して、文字を表示させているのですが、以下のソースになります。その時に、イベント処理をonkeyupにしていて、入力しているのと同時に表示させています。その時に、1とか10とか入力している途中に、 undefinedが表示されてしまいます。空白でもいいのですが、表示させない方法はありますか？教えて下さい。とinnerHTMLを使用しています。

lead1976 · Accepted Answer

配列要素の存在をif文で判定して、入力されたキーを持つ配列要素があるときにはその配列要素の内容を、入力されたキーを持つ配列要素が未定義の場合には空白を、それぞれ表示させるようにする方法を取るのが良いのではないかと思います。

具体的には、下記のようなソースではいかがでしょうか。

<HTML>
<BODY>
<SCRIPT LANGUAGE=JavaScript>

</SCRIPT>
<FORM NAME=f>
<INPUT NAME=code SIZE=4 onkeyup="sample(this.form)"> <SPAN ID="ans"></SPAN>
</FORM>
</BODY>
</HTML>

質問文のソースを元に、改変しました。配列名と関数名が重複していたので配列名は変更してあります。また、関数の処理ごとに配列を再定義するのも、個人的にどうかと思えたので、配列の定義は関数から出してあります。
こうすると、if文の条件で指定された配列が定義されているものかどうかを判定し、定義されている場合にはspan id="ans"を配列要素の内容で書き換え、そうでない場合にはspan id="ans"の表示を消去するようになると思います。

参考まで。

davosuke · Answer

ーーーー質問のコード抜粋ーーーーー

function sample(f)
{
var sample = new Array()
sample['100'] = 'りんご' ;
sample['101'] = 'オレンジ' ;
sample['102'] = 'メロン' ;
//変更 Start
if(isNaN(parseInt(f.code.value,10)){
document.getElementById('ans').innerHTML =""
}else
document.getElementById('ans').innerHTML =
 sample[f.code.value] ;
}
//変更 End
}
これで空白が表示します。

undefinedを表示させない方法はありますか？（javascript）

ーーーー質問のコード抜粋ーーーーー

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング