undefinedが表示されてしまう

質問

URLからクエリを取得し、そのクエリを表示するJavaScriptを書きました。

例えば、
http://www.hoge.com/hoge.html?hoge=moge
にアクセスすると、画面上に
「hoge=moge」
と表示されます。

スクリプトコードは以下のようになっています。

<script type="text/javascript">
QueryString = location.search.split("?");
if ( QueryString.length > 0 ) {
document.write(QueryString[1]);
}
</script>

ところが、
http://www.hoge.com/hoge.html
http://www.hoge.com/hoge.html?
などのクエリがないURLにアクセスすると、
「undefined」
が表示されてしまいます。

これでは都合が悪いです。
undefinedを表示させないように(何も表示させないように)するにはどうすればいいでしょうか?

使用環境はWindows7/Chromeです。

よろしくお願いします。

回答No.1

yambejp · ベストアンサー

やり方は大きく２つ

ひとつはsplitする前にチェックする
<script>
var q = location.search.match(/\?./)?location.search.split("?")[1]:"";
alert(q);
</script>

もうひとつはsplitした結果を元に出力をかえる
<script>
var q = location.search.split("?")[1];
if(typeof q=="undefined") q="";
alert(q);
</script>

お礼

ありがとうございました。
2番目を選択しました。
自分の例だと、下記のような感じでいけました。

<script type="text/javascript">
QueryString = location.search.split("?")[1];
if (typeof QueryString=="undefined") {
QueryString = "";
}else{
document.write(QueryString);
}
</script>