用JavaScript存储以下内容的最佳方法是什么？

Question

我需要用Javascript存储国家，州，城市和县的信息。 例：

   Country    State           City           County 
    USA        CA           Oakland         Alameda 
    USA        CA           Markleeville    Alpine 
    USA        WA           Seattle         king
    ...
   CANADA     Ontario       Toronto          -
    ...

    UK    Grater London     London           -        

在Java中存储此类信息的最佳存储或数据结构是什么？ 我当时在考虑数组，但肯定还有其他更简单的方法。

谢谢

Answer 1

我们在谈论多少数据？

最简单的方法是（对象）数组，它可能无法扩展到成千上万条记录：

var data = [
   { country: 'USA', state: 'CA', city : 'Oakland', county: 'Alameda' } 
   ....
];

Answer 2

如果您想要最简单的处理方式，则应将其存储在JSON中 。

[
   { country: 'USA', state: 'CA', city : 'Oakland', county: 'Alameda' },
   { country: 'USA', state: 'CA', city : 'Markleeville', county: 'Alpine' },
   { country: 'USA', state: 'CA', city : 'Seattle', county: 'king' }
   ....
];

如果您想要最小的文件大小 ，则应使用CSV ：

Country,State,City,County 
USA,CA,Oakland,Alameda 
USA,CA,Markleeville,Alpine 
USA,WA,Seattle,king

如果您想在两者之间使用，可以使用压缩的JSON格式 ：

[

  "cols": ["country", "state", "city", "county"],
  "rows": [["USA", "CA", "Oakland", "Alameda"],
           ["USA", "CA", "Markleeville", "Alpine"],
           ["USA", "CA", "Seattle", "king"],
          ... ]
};

说明

使用JSON，您将获得一个本机Javascript对象，该对象可通过<script>标记或Ajax加载。 如果使用压缩的JSON格式，您仍然会得到一个本机对象，唯一的区别在于使用数据的方式。 使用CSV，您应该编写自己的解析器，但较小的尺寸可能值得。

您可以在此处了解JSON和自定义格式对性能的影响：

为Flickr建立快速的客户端搜索

Answer 3

几乎就像Thilo所写的一样，但是我会将它们存储在树形结构中。 每棵树一个国家/州，每棵树在不同的文件中：

    var data = { country: 'USA', states: [{name: 'CA', cities: [{'name':'Oakland', county: 'Alameda' }]
}] 
}

每个文件都在不同的文件中，并且在加载时它们应该相互覆盖（即，所有文件都以var data=...开头var data=...

如果将其存储在数据库/服务器端代码中，请确保正在缓存那些文件，在缓存大量数据时没有问题。

Answer 4

由于无论情况如何，要求似乎都是javascript，因此请使用JSON。 如果您不想将所有内容存储在客户端，请考虑调用仅返回所需数据为JSON格式的Web服务。