javascript - 有没有比循环更有效的方法来填充下拉列表？

Question

我一直在提高页面性能，但是在加载各种下拉菜单时，我浪费了太多时间。有没有比这更快的方法来填充控件？

my.service.data.controls 是来自 ajax 调用的 json 数据集合的内存集合，用于键/值对（Id、Name）、Days、Years、Salutations 等中的各种控件

$.each(my.service.data.controls.Days, function (i, p) {
     days.push(new my.models.dropdown(selectedItem)
     .Id(p.Id)
     .Name(p.Id));
});

// for creating Position Models
my.models.dropdown = function (selectedItem) {
    var self = this;
    self.Id = ko.observable();
    self.Name = ko.observable();
    // non-persitable properties
    self.isSelected = ko.computed(function () {
        return selectedItem() === self;
    });
};

Answer 1

我建议您在尝试优化之前分析您的 js（如果您还没有）。性能上的痛苦可能源于代码中的其他地方。

首先，打开 Chrome 检查器，选择“配置文件”选项卡，然后单击开始。然后加载您的页面，单击停止，看看发生了什么！