问题描述
几天前，我发布了一个与此有关的问题，得到的建议似乎在一定程度上起作用，返回了我想要的结果，但是在最终渲染数据后，我遇到了上一期。如果您想参考原始文章，请参阅以下文章： Grab the value of a span element
我使用Fetch而不是旧的xmlHttp API重写了所有代码，因为上一篇文章中建议这样做。我还想将这些功能分解为其他功能以提高可读性。
您将看到fetch API正在调用另一个数据库（出于隐私原因，我不得不隐藏标题）并调用callFetch函数。 callFetch函数本质上采用data对象，并通过Google的distanceMatrix API运行data中的地址，以便比较用户的输入地址（重复次数与{{1 }}数组）到addresses对象中的地址。在data内，我得到了所有比较的结果，并将结果推到单独的数组中。
在getDistance中，我从getSortedValues中获取结果，并按里程对它们进行排序（这是我要在渲染数据中返回的内容中最重要的部分之一），然后传递将它们作为单独的对象（getDistance，facility，distance，time）到称为address的数组。
最后，combined进行合并，并使用来自每个合并对象值的值呈现html，并动态呈现到页面。
我更新了一些代码，并尝试澄清更多内容。 Buttons要求我添加模拟值，因为用户无法测试代码。我尝试了一下，但是它改变了我的代码的行为，使动态部分不再需要从另一个不再存在等待问题的来源中提取数据。
我认为我的主要问题在于renderTemplate。当我按下“提交”按钮（我将控制台日志添加到每个函数以更好地了解函数触发的顺序）时，您将第一次看到所有事件（在图像中），sortValues返回一个空数组。数组第二次填充所有四个15个值的对象。因此，我相信，无论我将sortValues添加到async还是renderTemplate并添加await，sortValues仍然会在第一次出现时返回一个空数组。我认为所有这一切的根源在于等待sortValues填充到combined内部。有人知道我该怎么做才能等待或让sortValues首次被填充？{p>
combinedsortValues解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）