[yras8]

#javascript

Pobieram sobie z tego API
https://restcountries.eu/#api-endpoints-all
Państwa, nazwy, waluty flagi i staram się je wyświetlić w divie. Wygląda to mniej więcej tak:

data.forEach((country) => {
const card = document.createElement('div')
card.setAttribute('class', 'card')
const h1 = document.createElement('h2')
h1.textContent = country.name
const p = document.createElement('p')
const p2 = document.createElement('p')
const p3 = document.createElement('p')
const p4 = document.createElement('p')

p.textContent = Waluta -> ${country.currencies[0].code}
p2.textContent = Język -> ${country.languages[0].name}
p3.textContent = Ludność -> ${country.population}
p4.textContent = Powierzchnia -> ${country.area} metrów kwadratowych

Jak do tego podejść aby za pomocą textContent wyświetlić dla każdego z 250 państw jego wszystkie elementy w gałęzi? Przykładowo data[170] moze mieć array currencies.lenght == 7 a inny len np 4. I ja bym chciał dla dowolnego Państwa wyświetlić każdy element. a teraz wyświetlam tylko pierwszy.

[Deflaut]

@yras8: Waluta -> ${country.currencies.map(({code}) => code).join(', ')}

[Krall]

@Deflaut czemu nie .reduce jak człowiek tylko dwa razy operacje na tablicy?

[Deflaut]

@Krall Bo prościej i czytelniej imho.