API 使用 JavaScript 從數據中訪問某些值

Question

我有以下 API 數據：

[
    {
        "symbol": "AAPL",
        "name": "Apple Inc.",
        "price": 144.98,
        "changesPercentage": -1.22,
        "change": -1.79,
        "dayLow": 142.54,
        "dayHigh": 146.96,
        "yearHigh": 150,
        "yearLow": 93.7125,
        "marketCap": 2419368132608,
        "priceAvg50": 138.45343,
        "priceAvg200": 131.05212,
        "volume": 113982837,
        "avgVolume": 85057328,
        "exchange": "NASDAQ",
        "open": 144.81,
        "previousClose": 146.77,
        "eps": 4.449,
        "pe": 32.587097,
        "earningsAnnouncement": "2021-07-27T16:30:00.000+0000",
        "sharesOutstanding": 16687599204,
        "timestamp": 1627504655
    }
]

這是我的帶有虛假 API 代碼的代碼：

var $stocks = $('#stocks');
    $.ajax({
        type: 'GET',
        url: 'https://financialmodelingprep.com/api/v3/quote/AAPL?apikey=c0dabd2d8a382584d2144bdefde830f2',
        success: function (percent) {
            $.each(percent, function (i, item) {
                $stocks.append(percent.changesPercentage);
            })
        }
    });

我想要做的就是獲取 changesPercentage 並使用 HTML 和 CSS 在我的網頁上顯示它。 我將擁有來自不同公司的各種數據，因此通用解決方案將非常有幫助。

Answer 1

您正在嘗試從percent獲取changesPercentage ，這是整個響應數組。 因此該屬性將是undefined 。

相反，您似乎想從數組中的每個元素中獲取該值。 為此，您將在$.each中使用回調函數的item參數：

$stocks.append(item.changesPercentage);

或者，您也可以使用i參數作為原始數組的索引器：

$stocks.append(percent[i].changesPercentage);

---

順便說一句，這似乎是使用糟糕的變量名稱使您感到困惑的結果。 percent是對象數組的誤導性名稱。 像results這樣的東西會更好，或者任何名詞的復數形式實際上描述了這些 API 結果是什么。

名稱在代碼中很重要。 它們攜帶有關該東西是什么以及如何使用它的信息。