gpt4 book ai didi

javascript - 函数中的项目未推送到数组

转载 作者:行者123 更新时间:2023-12-03 01:26:25 24 4
gpt4 key购买 nike

我在应用程序中有一段代码,我很难将项目推送到空数组。在本节的开头,我创建了一些空数组变量。

var sumPOP = [];
var sumRACE = [];
var sumLANG = [];
var sumINCOME = [];

然后我将迭代一些选定的数据,因此我有一个 for 循环。在这个循环中,我调用一个 api(我知道,它是 GIS。这无关紧要。就假装它是一个 ajax 调用)来检索一些数据。我能够 console.log() 数据并正确显示。然后我想将该数据(循环中的每个项目)推送到前面提到的空数组。然后,为了测试数组是否已填充,我在循环内部和外部 console.log() 数组。我的问题是,当我 console.log 数组时,没有任何显示。为什么数据没有被推送到数组之外?注意:在调用函数(esriRequest)中运行的console.log(sumPOP)确实显示推送到数组的项目:

for (var i=0;i<results.features.length;i++){
...
esriRequest({
url:"https://api.census.gov/data/2016/acs/acs5",
content:{
get: 'NAME,B01003_001E,B02001_001E,B06007_001E,B06010_001E',
for: `tract:${ACS_TRCT}`,
in: [`state:${ACS_ST}`,`county:${ACS_CNTY}`]
},
handleAs:'json',
timeout:15000
}).then(function(resp){
result = resp[1];
POP = result[1];
console.log(POP);
sumPOP.push(POP);
RACE = result[2];
LANG = result[3];
INCOME = result[4];
console.log('POP: ' + POP + ', RACE: ' + RACE + ', LANG: '+ LANG + ', INCOME: ' + INCOME);
}, function(error){
alert("Data failed" + error.message);
});
console.log('POP: ' + sumPOP);
...
}
console.log('POP: ' + sumPOP);

附加信息:我的最终目标是在对所选数据进行迭代并汇总后得到最终的数组;或者更确切地说,将它们加在一起。我预期的数组结果为 sumPOP = [143, 0, 29, 546, 99];我想应用一个函数(也在循环之外)来执行此操作:

newSum = function(category) { 
let nAn = n => isNaN(n) ? 0 : n; //control for nonNumbers
return category.reduce((a, b) => nAn(a) + nAn(b))
};

...然后运行 ​​popTotal = newSum(sumPOP); 来获取总数。

最佳答案

我相信您的数据正在被推送,但这似乎不是由于您的 console.log() 的放置

由于您正在处理异步 api 调用,保证您拥有数据的唯一位置是 .then() 函数内部。本质上,当您调试时,如果您在所有 console.log 处添加断点,您会注意到它首先命中 .then() 之外的断点,并且最后是 .then() 内的内容。由于这种顺序,您的数组似乎没有收到推送到它们的数据。

我在下面的示例代码中添加了一些注释,以说明您应该在哪里看到数据。

编辑:我还做了一个小调整,以便填充所有数组

编辑2:修改代码,使其以“同步”方式处理多个异步 promise

var sumPOP = [];
var sumRACE = [];
var sumLANG = [];
var sumINCOME = [];
var myPromises = []; // added this new array for promise.all

for (var i = 0; i < results.features.length; i++) {
var myPromise = esriRequest({
url: "https://api.census.gov/data/2016/acs/acs5",
content: {
get: 'NAME,B01003_001E,B02001_001E,B06007_001E,B06010_001E',
for: `tract:${ACS_TRCT}`,
in: [`state:${ACS_ST}`, `county:${ACS_CNTY}`]
},
handleAs: 'json',
timeout: 15000
});
myPromises.push(myPromise);

// because you are making an async request, at this point, sumPOP may be empty
console.log('POP: ' + sumPOP);
}

Promise.all(myPromises).then(function(resp) {
result = resp[1];
POP = result[1];
console.log(POP); // this will show POP with data


RACE = result[2];
LANG = result[3];
INCOME = result[4];

sumPOP.push(POP);
sumRACE.push(RACE); // added this to populate array
sumLANG.push(LANG); // added this to populate array
sumINCOME.push(INCOME); // added this to populate array

// at this point, all your arrays should have data
console.log('POP: ' + POP + ', RACE: ' + RACE + ', LANG: ' + LANG + ', INCOME: ' + INCOME);

// now that this you have all values, you can call your outside function
this.handleData();
}, function(error) {
alert("Data failed" + error.message);
});

// because you are making an async request, at this point, sumPOP may be empty
console.log('POP: ' + sumPOP);

var handleData = function() {
// do something with the completed data
}

关于javascript - 函数中的项目未推送到数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51523462/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com