Necesita ayuda con Javascript - Integración API. He estado tratando de extraer datos de SWAPI (una API abierta) y obtener los datos en nuestro sistema. ¡Estoy luchando con algo ahora!
Lo que estoy tratando de hacer es obtener los nombres de alrededor de 3 países y obtener el atributo de la gente en ese país. Tan gordo que pude obtener los nombres de los países usando el siguiente código:
(async () => { let Name = []; let Diameter = []; let Resident = []; for (i = 1; i < 4; i++) { const PlanetDetails = await api.makeRequest({ method: 'GET', url: `https://swapi.dev/api/planets/${[i]}`, }); Name[i] = PlanetDetails.data.name; Resident[i] = PlanetDetails.data.residents; api.setVariable('Name1', Name[1]); api.setVariable('Name2', Name[2]); api.setVariable('Name3', Name[3]); api.setVariable('R1', Resident[1]); } })(); Pero debajo de los países, los atributos de los residentes aparecen como enlaces como este: 
Usé POSTMAN aquí para probar. Cuando hago clic en los enlaces, puedo ver los atributos de la persona (por ejemplo, color, altura, nombre, etc.). Pero, ¿cómo hago eso en JS?
Gracias
Para obtener los datos del residente, debe realizar una solicitud al punto final y luego usar los datos devueltos. por ejemplo, para obtener los datos del primer residente, puede realizar una solicitud a https://swapi.dev/api/people/1 .
Este código hace solicitudes para cada residente.
(async () => { let Name = []; let Diameter = []; let Resident = []; for (i = 1; i < 4; i++) { const PlanetDetails = await api.makeRequest({ method: 'GET', url: `https://swapi.dev/api/planets/${[i]}`, }); Name[i] = PlanetDetails.data.name; Resident[i] = await Promise.all(PlanetDetails.data.residents.map(async(resident) => { let resident = await api.makeRequest({ method: 'GET', url: resident, }); console.log(resident.data); // for visually viewing the result. return resident.data; })); api.setVariable('Name1', Name[1]); api.setVariable('Name2', Name[2]); api.setVariable('Name3', Name[3]); api.setVariable('R1', Resident[1]); } })();