Как получить массив JSON с динамическими данными в Javascript?

Question

Я сейчас работаю над университетским проектом, создаю конвертер валют.Я хотел бы реализовать страницу истории, где я могу использовать JSON из ответа API exchangeratesapi.io и отображать его в таблице на странице PHP.

Например: https://api.exchangeratesapi.io/history?start_at=2019-04-22&end_at=2019-04-25&base=EUR&symbols=USD

{"base":"EUR","rates":{"2019-04-23":{"USD":1.1245},"2019-04-24":{"USD":1.1209},"2019-04-25":{"USD":1.1123}},"end_at":"2019-04-25","start_at":"2019-04-22"}

Проблема заключается в том, что нужные значения хранятся в массиве «курсы», в котором все значения изменяются динамически (дата и сам курс обмена), и я не могу получить и отобразить их через document.getElementById (""). InnerHTML вJavascript.

Как я могу извлечь данные из такого массива в таблицу в HTML?

Answer 1

Вы можете просматривать данные и элементы списка, как показано ниже:

for (var key in data.rates) {
    console.log('Date: '+ key);
    console.log('Rate: '+ data.rates[key]['USD']);
}

Проверьте пример кода здесь: