使用JQuery错误填充选择列表

我有以下代码来填充表单上的下拉框。代码似乎正常工作，但它抛出一个错误“无法读取未定义的属性id”

jquery

function LoadAnnualCredits() {
    try {
        var $dropdown = $("#creditQty");
        $dropdown.empty();
        var arrayList = [
            { "Id": 5000, "Name": "5,000" },
            { "Id": 10000, "Name": "10,000" }
        ];
        for (var i = 0; i <= arrayList.length; i++) {
            $dropdown.append($("<option />").val(arrayList[i].Id).text(arrayList[i].Name));
        }
    }
    catch (err) {
        alert(err);
    }
}

我尝试使用forEach方法。无错误消息，但出于某种奇怪的原因，它在下拉列表中为我提供了重复的项目：

五千

五千

一万

function LoadAnnualCredits() {
    try {
        var $dropdown = $("#creditQty");
        $dropdown.empty();
        let arrayList = [
            { "Id": 5000, "Name": "5,000" },
            { "Id": 10000, "Name": "10,000" }
        ];
        arrayList.forEach(function (e) {
            $dropdown.append($('<option><option/>').val(e.Id).text(e.Name));
        });
    }
    catch (err) {
        alert(err);
    }
}

一万

function LoadAnnualCredits() {
    try {
        var $dropdown = $("#creditQty");
        $dropdown.empty();
        let arrayList = [
            { "Id": 5000, "Name": "5,000" },
            { "Id": 10000, "Name": "10,000" }
        ];
        arrayList.forEach(function (e) {
            $dropdown.append($('<option><option/>').val(e.Id).text(e.Name));
        });
    }
    catch (err) {
        alert(err);
    }
}

函数加载AnnualCredits（）{
试一试{
var$下拉菜单=$（“#信用数量”）；
$dropdown.empty（）；
设arrayList=[
{“Id”：5000，“Name”：“5000”}，
{“Id”：10000，“Name”：“10000”}
];
arrayList.forEach（函数（e）{
$dropdown.append（$（''）.val（e.Id）.text（e.Name））；
});
}
捕捉（错误）{
警惕（err）；
}
}

您的错误可能是FOR循环的一个条件，在那里它是（i您的错误可能是FOR循环的一个条件，在那里它是（我很傻。我花了太长时间在office interop项目上，索引疯狂地从1开始。我应该已经发现了那一个。谢谢Mateus:）我真傻。在office互操作项目上花了太长时间，索引从1开始就疯狂地进行。我应该发现那个。谢谢Mateus:）