Javascript:在js文件中包含大列表

Question

我有一个城市名称列表。我想使用 javascript 在 html 选择列表中填充此列表。列表有 1000 多个城市名称。不需要服务器请求。列表是静态的。

将如此大的列表包含到您的 js 文件中的最佳方法是什么？考虑到性能问题，我认为在 js 中声明大数组会成功慢。

Answer 1

将其作为 javascript 数组包含在内。这样您就可以轻松地遍历它并填充您的选择框。

var cities = [ 'London', 'Paris', 'Rome' ]; 
for (index in cities) {
    var city = cities['index'];
    //add value to select box
}

如果你需要的不仅仅是城市名称，你可以创建一个对象数组:

var cities = [ { id : '1', name : 'Rome' }, { id : '2', name : 'London' }, ... ];