处理修复数据集的最佳方法

Question

假设我们有一个包含国家及其电话前缀的数据集。在以下方面的东西：var countryPhonePrefixes = [    {        'name': 'Spain',        'prefix': '+34'    },    {        'name': 'Austria',        'prefix': '+43'    },    // and so forth];这将导致您的开发代码中超过 1000 行（在缩小之前）。我的问题是，是否有关于如何获取或初始化此类数据集的最佳实践？我虽然有：将其留在代码中并使用几乎每个 IDE 都有的折叠功能，这样就不会太麻烦。将它放在一个单独的 JavaScript 文件中，您还可以在其中执行一些与数据集相关的其他功能。JavaScript 库或多或少地工作。使用 AJAX 来检索它。例如：jQuery.getJSON()来自.json服务器中的文件；xhttp.open()& xhttp.send()to 和服务器中的 API 等。一些额外的上下文：我需要使用此数据集<option>在整个应用程序中以多种形式为国家电话前缀选择器生成s。应用程序中已经有一个图标选择，其工作方式类似于我提出的第一个解决方案。

Answer 1

1000 行 Javascript 数据绝对应该在它自己的文件中——对于开发来说，它太大了，不能与脚本逻辑存在于同一区域。

如果数据是静态的，那么您可以将其保存（和维护）在一个单独的文件中，同时将数据导入其他文件中。使用像 Webpack 这样的模块打包器将脚本打包成一个单独的.js，然后交付给客户端。

如果数据不是静态的（例如，可以从一个请求更改为另一个请求），那么它就不能与其他数据捆绑在一起。相反，您可以：

• 使用网络请求将数据发送到客户端。这有效，但会略微增加数据可用所需的时间。

• 另一种选择是在其自己的<script>标签中发送数据。然后让您的其他 Javascript 解析脚本标记，例如：

const data = JSON.parse(

  document.querySelector('script[type="application/json"]').textContent

);

console.log(data);

<script type="application/json">[{"foo":"bar"}]</script>

Answer 2

如果使用 访问前缀name，则可以将对象name作为键和prefix值。

这种方法缩短了代码并允许轻松访问前缀。

countryPhonePrefixes = {

    Spain: '+34',

    Austria: '+43'

};