fetch() 來自 url，無法訪問 object，console.log() 有效

Question

我有以下 3 行代碼：

const response = await fetch(`https://restcountries.com/v3/alpha/${countrycode}`);
let json = await response.json();
console.log("this is my json file: ", json.borders)

問題是，當我這樣做時，我在控制台日志中收到undefined的消息，但我想訪問 object 的“邊界”屬性。另一方面，如果我將第三行更改為：

console.log("this is my json file: ", json)

我得到完整的 object，如下所示：

{"altSpellings": ["DE", "德意志聯邦共和國", "Bundesrepublik Deutschland"], "area": 357114, "borders": ["AUT", "BEL", "CZE", "DNK", "FRA", "LUX", "NLD", "POL", "CHE"], "capital": ["Berlin"], "cca2": "DE", "cca3": "DEU", "ccn3" : "276", "cioc": "GER", "currencies": {"EUR": [Object]}, "demonyms": {"eng": [Object], "fra": [Object]}, "標志“：”，“標志”：[“https://restcountries.com/data/deu.svg”，“https://restcountries.com/data/png/deu.png”]，“idd”： {"root": "+4", "suffixes": [Array]}, "independent": true, "landlocked": false, "languages": {"deu": "German"}, "latlng": [ 51, 9], "name": {"common": "Germany", "nativeName": [Object], "official": "德意志聯邦共和國"}, "region": "Europe", "status": "officially-assigned", "subregion": "Western Europe", "tld": [.de"], "translations": {"ces": [Object], "deu": [Object], "est" : [對象], "fin": [對象], "fra": [對象], "hrv": [對象], "hun": [對象], "ita": [對象], "jpn": [對象], "kor": [對象], "nld": [對象], "per": [O bject]，“pol”：[對象]，“por”：[對象]，“rus”：[對象]，“slk”：[對象]，“spa”：[對象]，“swe”：[對象] , "urd": [Object], "zho": [Object]}, "unMember": true}

我該怎么做才能訪問所有這些值，或者就像我的示例中的“邊界”一樣，我在這里做錯了什么？

Answer 1

響應是一個Array ，而不是Object 。 將第 3 行更改為此以訪問該屬性。

    console.log("this is my json file: ", json[0].borders)