javascript - 循环遍历 Json 并附加到对象

Question

我有来自 Google map 的 JSON 响应，已保存到 .json 文件中。这是搜索附近的学校。

我只想提取学校的名称和位置，并将其保存到 elemSchoolsArr变量供以后使用。

我不知道为什么下面的代码没有循环遍历 json 响应，检查 elemSchoolsObj只显示一个对象，而不是 10 个，我想将其推送到 elemSchoolsArr之后。

var elemSchoolsArr = [];
var elemSchoolsObj = {};

$.getJSON('elementary-schools.json', function(data){
  for (var i = 0; i < 10; i++) {
    elemSchoolsObj.title = data.results[i].name;
    elemSchoolsObj.location = data.results[i].geometry.location;

  }
});

elemSchoolsArr.push(elemSchoolsObj);

Answer 1

您只需将对象插入循环内的数组中，这样每个对象都会被插入，而不是只插入一个。显然，此代码片段实际上不会运行，因为我们没有在此处获取您的 JSON。

var elemSchoolsArr = [];

$.getJSON('elementary-schools.json', function(data){
  for (var i = 0; i < 10; i++) {
    var elemSchoolsObj = {};
    elemSchoolsObj.title = data.results[i].name;
    elemSchoolsObj.location = data.results[i].geometry.location;
    elemSchoolsArr.push(elemSchoolsObj);
  }
});

这是一个功能示例...

var array = ["a", "b", "c", "d", "e"];
var first_try = [];
var second_try = [];

for( var i = 0; i < array.length; i++ ){
  // we define our object in the loop but don't add it to the array
  var obj = {
  	item: array[i]
  };
}

// we push one object in to the array
first_try.push( obj );

// we get one object in the array
console.log( first_try );

for( var i = 0; i < array.length; i++ ){
  // we define our object in the loop
  var obj = {
  	item: array[i]
  };
  // we push each object we define in the loop in to the array
	second_try.push( obj );
}

// we get all the objects in the array
console.log( second_try );