循环后无法执行javascript代码

Question

我有以下代码（来自较大功能的代码段）：

var res = data.results;
for (var i=0;i<res.length;i++) {
    $('<option value="' + res[i] + '">' + res[i] + '</option>').appendTo(sel);
}
if (data.select && data.select!='') { sel.val(data.select); } 

由于某种原因，

if (data.select && data.select!='') { sel.val(data.select); } 

该行只是没有执行，并且在Firebug中显示为灰色，表明Firebug以某种方式知道它无法访问。 如果我对这样的代码进行简单的更改：

var res = data.results;
for (var i=0;i<res.length;i++) {
    var opt = '<option value="' + res[i] + '">' + res[i] + '</option>';
    $(opt).appendTo(sel);
}
if (data.select && data.select!='') { sel.val(data.select); }

最后一行没有问题。

我在这里找到了类似的帖子，其中for循环的while参数有<=导致错误，尽管这里不是这种情况，但是当我单步执行代码时，它试图执行循环的次数比应有的次数多，即，如果res.length为4，则允许i递增至4，然后尝试在循环中执行代码，这将结束代码，因为res [i]超出范围，即使未放置控制台中的错误。 如果我按照说明更改代码，则当i == res.length时，循环将无法运行

那么，Firebug如何知道原始代码将不允许循环结束后执行，为什么循环执行的时间比应执行的时间多？

整个函数在下面，它是jQuery ajax调用的成功回调，该调用使用从服务器接收的值填充select：

function GetDeptsOK(data, textStatus, jqXHR) {
    var sel = $('#orgpicker').find('select[name="orgpicker-dept"]');
    if (sel.length == 0) {
        var cell = $('#orgpicker-deptcell');
        cell.text('');
        $('<select name="orgpicker-dept"></select>').appendTo(cell);
        sel = $('#orgpicker').find('select[name="orgpicker-dept"]');
    } else {
        sel.find('option').remove();
    }
    $('<option value=""></option>').appendTo(sel);
    var res = data.results;
    for (var i=0;i<res.length;i++) {
        $('<option value="' + res[i] + '">' + res[i] + '</option>').appendTo(sel);
    }
    if (data.select && data.select!='') { sel.val(data.select); }
} 

Answer 1

替换为

var res = data.results;
for (var i=0;i<res.length;i++) {
    if(!res[i])
       break;
    var opt = '<option value="' + res[i] + '">' + res[i] + '</option>';
    $(opt).appendTo(sel);
}
if (data.select && data.select!='') { sel.val(data.select); }