Tengo una matriz que contiene 5 ciudades y quiero detalles meteorológicos de estas cinco ciudades. Apliqué bucle para long y lat que obtuve, pero me quedé atascado. ¿Cómo aplicaría long y lat para obtener los detalles sobre las ciudades para crear objetos, por ejemplo cities={London:{temp:xyz}} ? cities={London:{temp:xyz}} .
var cities = { Phoenix: {}, ... }; function getData() { var city = ['London', 'Phoenix', 'Chicago', 'Texas']; for (var i = 0; i < city.length; i++) { var api = 'http://api.openweathermap.org/geo/1.0/direct?q=' + city[i] + '&appid=4dad41fdcc37b40dd07e3e1638f24b81'; // var api = 'http://api.openweathermap.org/data/2.5/weather?lat='+lat[i]+'&lon='+lon[i]+'&appid=4dad41fdcc37b40dd07e3e1638f24b81' fetch(api).then(function(response) { var data = response.json(); return data; }).then(function(data) { cities.Phoenix.temp = Math.floor(data.main.temp); }); } } getData();Debe usar la notación de corchetes para obtener la referencia a la ciudad en su objeto. cities[city[i]].temp . El problema que tendrá es el infame bucle for donde el i será diferente debido a la llamada asíncrona.
Personalmente, lo convertiría en una función y lo llamaría. Map() simplifica el ciclo.
var cityNames = ['London', 'Phoenix', 'Chicago', 'Texas']; var cities = {}; function fetchCity(city) { var api = '//example.com/q=' + encodeURIComponent(city); return fetch(api) .then(function(response){ return response.json(); }).then(function (data) { cities[city] = cities[city] || {}; cities[city].temp = Math.floor(data.main.temp); return data; }); } function getData(callback) { var fetchCalls = citiesNames.map(fetchCity); Promise.all(fetchCalls).then((values) => { callback(values); }); } getData(function (values) { console.log('All Loaded', values); });