javascript - 无法从 json 对象获取数据

Question

我正在尝试 console.log 对象的“名称”。每次我尝试这个它返回“未定义”。我该如何解决这个问题？

    fetch('http://localhost:9000/quiz/code', {
        method: 'POST',
        headers: {
            'Accept': 'application/json',
            'Content-Type': 'application/json',
        },
        body: JSON.stringify({
            name: code
        })
    }).then(res => res.json())
        .then(data => {
            data = JSON.stringify(data);
            console.log("data: " + data);
            console.log("name: " + data.name);
        })

这是我的第一个 console.log 的输出:

data: [{"_id":"5cab356c8b35014074855ada","name":"fsgsdfgd","vragen":{"vragen":[{"question":"Hoe wordt een middagdutje zoals dit bijvoorbeeld in Spanje wordt gehouden genoemd?","answer":"Een siësta","category":"Algemeen"},{"question":"Hoe wordt een middagdutje zoals dit bijvoorbeeld in Spanje wordt gehouden genoemd?","answer":"Een siësta","category":"Algemeen"}]}}]

这是我的第二个 console.log 的输出:

name: undefined

Answer 1

您正在对响应数据使用 stringify()，然后将其视为一个对象。那行不通。只需删除 data = JSON.stringify(data);，因为您已经拥有有效的 JSON(数组形式)。您可以简单地遍历数组中的对象并获取每个对象的名称:

fetch('http://localhost:9000/quiz/code', {
    method: 'POST',
    headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json',
    },
    body: JSON.stringify({
        name: code
    })
}).then(res => res.json())
    .then(data => {
        console.log("data: ", data);
        data.forEach(function(obj)  {
            console.log("name: " + obj.name);
        });
        console.log("name: " + data[0].name);
    })