在for循环中以undefined开头的字符串变量

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);

 });

输出值

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 "" 

---

因此，解决此问题的方法是，您必须初始化/将默认值分配给变量。 喜欢：

var strCat = "";