fetch:将项目推送到数组

更锐利

我正在努力看看这里出了什么问题。我正在提取一些 json(是的,我知道我正在使用文本文件)。我在全局范围内有一个数组,我想将条目推送到,我正在遍历 json 并将其推送到该数组。只有当我注销时它是空的。这可能是愚蠢的事情,但任何帮助将不胜感激。

let charities = [];
fetch('../mapdata/markers.txt').then(response => {
        if (response.ok) {
            return response.json();
        }
        throw new Error('Network response error.');
    })
    .then(charData => {
        console.log(`inside: ${JSON.stringify(charData, null, 2)}`);
        charData.map(entry => {
            return charities.push(entry);
        });
    })
    .catch(error => {
        console.log('There has been a problem: ', error.message);
    });
console.log(`outside: ${JSON.stringify(charities, null, 2)}`);

当它输入时,我认为这可能是一个异步问题......

虚拟机

您正在执行异步操作并在触发异步操作后读取 []。它将永远是空的。

相反,把console.log( outside: ${JSON.stringify(charities, null, 2)}); 在第二个 then() 内,一旦数据被推入数组。

.then(charData => {
    console.log(`inside: ${JSON.stringify(charData, null, 2)}`);
    charData.map(entry => {
        return charities.push(entry);
    });

    console.log(outside: ${JSON.stringify(charities, null, 2)});
})

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将项目推送到嵌套对象数组

来自分类Dev

Vue JS将项目推送到数组?

来自分类Dev

无法将项目推送到状态内的项目数组

来自分类Dev

将项目推送到数组似乎对旧对象有反应

来自分类Dev

键入以将新项目推送到数组中

来自分类Dev

将项目推送到数组中并以javascript返回

来自分类Dev

将新项目推送到mongoDB文档数组

来自分类Dev

如何使用循环将项目推送到红宝石数组

来自分类Dev

如何将2个项目推送到数组

来自分类Dev

将项目推送到二维数组

来自分类Dev

将新项目推送到JSON数组中

来自分类Dev

Ajax回发后将项目推送到数组中

来自分类Dev

Angular TypeScript 将项目推送到数组错误

来自分类Dev

将项目推送到数组时VueJS dom不更新

来自分类Dev

如何将新项目推送到空数组?

来自分类Dev

使用Mongoose将项目推送到对象中的数组

来自分类Dev

如何使用Firebase将新项目推送到数组中

来自分类Dev

如何将项目推送到 Kotlin 中的数组?

来自分类Dev

将内容推送到数组

来自分类Dev

仅将某些项目从对象数组推送到新数组数组

来自分类Javascript

JavaScript / jQuery:使用每个项目的相同键将项目推送到数组/对象

来自分类Dev

如何将所有项目从对象数组推送到数组?

来自分类Dev

通过新数组映射然后将项目推送到现有数组中的对象

来自分类Dev

将Xcode项目推送到BitBucket

来自分类Dev

将新项目从字段推送到对象

来自分类Dev

如何根据多个复选框列表中的选中值将多个项目推送到数组?

来自分类Dev

使用键值将项目推送到类型为crip的数组中

来自分类Dev

如何将项目推送到作为数组的 es6 Map 对象值中?

来自分类Dev

在对象内的数组将项目推送到它后,React 组件不会重新渲染

Related 相关文章

  1. 1

    将项目推送到嵌套对象数组

  2. 2

    Vue JS将项目推送到数组?

  3. 3

    无法将项目推送到状态内的项目数组

  4. 4

    将项目推送到数组似乎对旧对象有反应

  5. 5

    键入以将新项目推送到数组中

  6. 6

    将项目推送到数组中并以javascript返回

  7. 7

    将新项目推送到mongoDB文档数组

  8. 8

    如何使用循环将项目推送到红宝石数组

  9. 9

    如何将2个项目推送到数组

  10. 10

    将项目推送到二维数组

  11. 11

    将新项目推送到JSON数组中

  12. 12

    Ajax回发后将项目推送到数组中

  13. 13

    Angular TypeScript 将项目推送到数组错误

  14. 14

    将项目推送到数组时VueJS dom不更新

  15. 15

    如何将新项目推送到空数组?

  16. 16

    使用Mongoose将项目推送到对象中的数组

  17. 17

    如何使用Firebase将新项目推送到数组中

  18. 18

    如何将项目推送到 Kotlin 中的数组?

  19. 19

    将内容推送到数组

  20. 20

    仅将某些项目从对象数组推送到新数组数组

  21. 21

    JavaScript / jQuery:使用每个项目的相同键将项目推送到数组/对象

  22. 22

    如何将所有项目从对象数组推送到数组?

  23. 23

    通过新数组映射然后将项目推送到现有数组中的对象

  24. 24

    将Xcode项目推送到BitBucket

  25. 25

    将新项目从字段推送到对象

  26. 26

    如何根据多个复选框列表中的选中值将多个项目推送到数组?

  27. 27

    使用键值将项目推送到类型为crip的数组中

  28. 28

    如何将项目推送到作为数组的 es6 Map 对象值中?

  29. 29

    在对象内的数组将项目推送到它后,React 组件不会重新渲染

热门标签

归档