forループの先頭に文字列変数がありません

Question

私はドロップダウンを使用しています.Change（）を使用して関数をトリガします。関数は基本的にgetJSONを使用して特定のデータを取得し、その値に基づいてmp3ファイルの配列の文字列を作成する必要があります。

以下のコードでは文字列を生成していますが、文字列には常にundefinedという接頭辞が付きます。

setTimeoutは、データが受信されるまで一定の遅延を提供することに気づくでしょう。以下の例では、静的な値を使用していますが、接頭辞はまだundefinedです。なぜ私が間違った方法で変数を定義した可能性がありますか分からない。

完全な例JSBin

$('.customSurah').change(function(){ 
    //surahNo = $('#surah option:selected').val(); 

    setTimeout(function(){ 
    //countSpan = $('#surah-wrapper').children().length; 
    surahNo = 1; 
    countSpan = 7; 
    var i=0; 
     for (i = 0; i <= countSpan; i++) { 
      strCat += surahNo+"/"+i+".mp3,"; 
      console.log(strCat); 
     } 
    }, 3000); 

}); 

OUTPUT

undefined114/0.mp3, 
undefined114/0.mp3,114/1.mp3, 
undefined114/0.mp3,114/1.mp3,114/2.mp3, 
undefined114/0.mp3,114/1.mp3,114/2.mp3,114/3.mp3, 
undefined114/0.mp3,114/1.mp3,114/2.mp3,114/3.mp3,114/4.mp3, 
undefined114/0.mp3,114/1.mp3,114/2.mp3,114/3.mp3,114/4.mp3,114/5.mp3, 
undefined114/0.mp3,114/1.mp3,114/2.mp3,114/3.mp3,114/4.mp3,114/5.mp3,114/6.mp3, 

Answer 1

あなたが初期化されていない変数strCatを持って、そしてあなたは、この行でそれに値を追加します。

strCat += surahNo+"/"+i+".mp3,"; 

strCatがループの最初のラウンドで初期化されていない場合は、undefinedが文字列の先頭に追加されます。

は、この問題を解決するには、最初に空の値に変数を初期化する必要があります。

var strCat = ''; // <- initialize your variable to empty value 
surahNo = 1; 
countSpan = 7; 

Answer 2

結果はJavascriptが懸念されるごとに完全に有効です。

なぜですか？

javascriptで変数を宣言してデフォルト値を割り当てないと、おそらく自動的にundefinedが割り当てられていると思います。したがって、それは有効です。あなたのケースでは

var somevar; // non assigned default value set to -> undefined 
 
console.log(somevar); // logs undefined

しかし、
は、あなたがそれを空の文字列var strCat "";のようなデフォルト値を与える必要があります：あなたはそれを行うとどうなります。だから、今あなたがこれを行うとき：

var somevar = ""; // assigned default value to set to -> "" 
 
console.log(somevar); // logs ""

---

だから、あなたの問題への解決策である、あなたは初期化する必要が/あなたの変数にデフォルト値を割り当てます。 like：

var strCat = "";