javascript - 如何在 JavaSCript 中将 JSON 数据存储在变量中？

Question

我需要函数 ** getJson () ** 来从 json 中获取并返回数据。

JSON(文件.json):

    [
        {
                "01/01/2021":"Confraternização Universal",
                "15/02/2021":"Carnaval",
                "16/02/2021":"Carnaval",
                "02/04/2021":"Paixão de Cristo",
                "21/04/2021":"Tiradentes",
                "01/05/2021":"Dia do Trabalho",
                "03/06/2021":"Corpus Christi",
                "07/09/2021":"Independência do Brasil",
                "12/10/2021":"Nossa Sr.a Aparecida - Padroeira do Brasil",
                "02/11/2021":"Finados",
                "15/11/2021":"Proclamação da República",
                "25/12/2021":"Natal"
        }
]

1. 我尝试使用异步函数，但没有成功。

代码:

async function getJson() {
    const response = await fetch('file.json');
    const data = await response.json();
    return data;
}
console.log(getJson());

输出:

Promise {<pending>}

如果数据存储在变量中(例如 ** obj **)，也会很有用。我尝试了下一个代码，但它也不起作用。

代码:

var obj;
async function getJson() {
    const response = await fetch('file.json');
    obj = await response.json();
}
console.log(obj);

输出:

undefinded

Answer 1

异步函数始终返回Promise。使用如下所示的 .then() block 来获取数据:)

getJson().then(data=>console.log(data);

下面的这个函数是异步并且它将返回一个promise。当您尝试 console.log(getJson()) 时，您的情况会返回已解决的 promise 。为了从已解决的 Promise 中获取值，我们需要 .then() block ，并且回调具有数据。

async function getJson() {
    const response = await fetch('file.json');
    const data = await response.json();
    return data;
}
getJson().then(data=>console.log(data));