引用没有名称

Question

我有一个JSON数组保存到自己的文件gamedata.json。如果这只是一个常规的对象数组，比如加载到我的HTML中的gamedata.js，我可以给这个数组命名var gameObjects = array [{lots of objects}];然后如果我想查看数组我就可以引用gameObjects，即使是其他JS文件加载到同一个HTML页面。

但由于这是一个JSON文件，我该如何引用它？这是我第一次使用JSON，但我了解到我无法将数组设置为.json文件中的变量。那么如何从其他JS文件中访问它的数据？

我可以使用VanillaJS或jQuery，它是一个大型阵列，大约13000行，因此效率很重要。

Answer 1

可能的解决方案可能是：

var myJson;
$.getJSON("z.json", function(data) {
  myJson = data;
});

Answer 2

使用fetch，supported in some modern browsers，但可以是polyfilled

salt-cloud

如果您使用browserify，那么它会将json文件拉入您的javascript包并将其作为模块公开（不确定其他捆绑包如webpack或jspm是否具有相同的机制），即

fetch( 'gamedata.json' )
  .then( res => res.json() ) 
  .then( data => {
    // data is available here and has been parsed into an array already
  })
  .catch( err => errorHandler )

但请注意，它在构建时执行此操作，如果您的json文件是动态的，那么此实现对您不起作用。