JSON对象不会使用Ajax转移到js数组中

Question

我尝试进行console.log记录时得到未定义

var farr = [];
$.ajax({
    url: "https://whispering-cliffs-33347.herokuapp.com/employees",
    type: "GET",
    contentType: "application/jsonp"
}).done(function(employees) {
    for(let i in employees){
        farr.push(employees[i]);
    }
})
console.log(farr[8]);

有任何想法吗？

Answer 1

console.log(farr[8]); 将会在响应可用之前执行。因此，首先done推送本地数组中的所有元素，然后在下一次done日志中done该值

var farr = [];
    $.ajax({
        url: "https://whispering-cliffs-33347.herokuapp.com/employees",
        type: "GET",
        contentType: "application/jsonp"
    }).done(function(employees) {
        employees.forEach(function(item){
            farr.push(item)
        })
    }).done(function(elem){
        console.log(farr[8]);
    })

Answer 2

您不能使用标准的for循环来迭代对象。 为了做到这一点，您应该首先在数组中获取对象键并对其进行迭代。

const keys = Object.keys(employees);
keys.forEach((i) => {
     farr.push(employees[i]);
 }
 console.log(farr[8]);. // You should put this in the call back itself

或者，您可以使用lodash的forEach直接迭代对象。