我是否將地圖變量正確設置爲提取的json？

Question

下面我有一些代碼來變換獲取JSON字符串成，取下牙套，它解析爲一個地圖變量：

let result = ''; 
let map = []; 

fetch(link) 
    .then(function(response) { 
    return response.json(); 
    }).then(function(json) { 
    result = JSON.stringify(json); //json here is like [{'a':1,'a2':2},{'b':11,'b2':12}] 
    result = result.substring(1, result.length - 1); 
    map = JSON.parse(result); 
    }).catch(function(ex) { 
    console.log('parsing failed', ex); 
    }); 

我試圖簡單地設置map=json但都給出了同樣的錯誤我有地圖重複的鍵。

如果我硬編碼我的map變量可以說[{'id':1,code: 007},{'id':2, code:014}]它的作品。我已經嘗試將result更改爲字符串並將其完全作爲示例登錄。換句話說，設置map=json應該首先工作。

我想我可能會錯過一些東西。它是什麼？

編輯＃1：

fetch(link) 
.then(function(response) { 
    return response.json(); 
}).then(function(json) { 
    setData(json); 
    document.getElementById("result").innerHTML = json; 
}).catch(function(ex) { 
    console.log('parsing failed', ex); 
}); 


function setData(json) { 
    map = json; 
} 

我試過，只是沒有response ok部分由Naomik給出的解決方案。 我仍然收到與map = json相同的錯誤。任何幫助？

Answer 1

您不能在異步處理程序中設置類似這樣的變量，並期望將其設置在處理程序之外。更多關於這裏："How do I return the response from an asynchronous call?"

我剛剛標記爲一個的重複你的問題，但有一個與你的代碼的其他問題，所以我要去的地址現在那些

在你的第二個電話.then，您正在嘗試處理json但你錯誤地做

// Why exactly are you re-stringifying the data we just parsed ? 
result = JSON.stringify(json); 

// ... wtf ? 
result = result.substring(1, result.length - 1); 

// Same as above, any vars you set here cannot be read outside of the callback. 
// This won't work like you expect (see the related question I linked above) 
map = JSON.parse(result); 

記住，JSON只是一個串表示您的數據，沒有別的

• JSON.parse將採取json 字符串並將其變成數據。
• JSON.stringify將採取數據並將其變成json字符串。

---

這個例子可以幫助你有點

fetch(link).then(function(response) { 
    if (response.ok) 
    // read JSON response and parse it 
    return response.json() 
    else 
    // response is not OK, throw error 
    throw Error(response.status + " " + response.statusText) 
}) 
.then(function(data) { 
    console.log("Your data has arrived!") 
    console.log("Do something here with your data") 
    doSomething(data) 
}) 
.catch(function(err) { 
    console.error(err.message) 
}) 

function doSomething(data) { 
    console.log("Here's your data:", data); 
}