pętla foreach po JSON

Question

Próbuję zrobić coś takiego żeby w konsoli wyświetaly mi się wszysztkie kursy walut z tego Api.

Na chwile obecną wyświetla się Nazwa: Undefined oraz Cena: Undefined. Co muszę zrobić, żeby wyświetlało nazwę waluty oraz jej wartości z tego api?

 

fetch('http://api.nbp.pl/api/exchangerates/tables/a/?format=json')
.then(resp => resp.json())
    .then(resp => {
        console.log(resp);
        resp.forEach(bank => {
            console.groupCollapsed(` Nazwa: ${bank.rates.currency}`)
            console.log(`Cena: ${bank.rates.mid}`);
            console.groupEnd();
        })
    })

 

Answer 1

fetch('http://api.nbp.pl/api/exchangerates/tables/a/?format=json')
.then(resp => resp.json())
    .then(resp => {
        console.log(resp);
        resp[0].rates.forEach((el) => {
            console.groupCollapsed(` Nazwa: ${el.currency}`)
            console.log(`Cena: ${el.mid}`);
            console.groupEnd();
        })
    })

 

Comments

Dzięki wielkie