How to print an array after an asynchronous operation completes?

Question

JavaScript

Good afternoon, I'm studying asynchronous programming, but at the moment there is no clear idea, but I'm working on the situation.

The essence of the problem is that I need to print out the "newsFeed" array at the end of the entire method loop.

The concept of the idea: there is an input array with links to RSS feeds from different sources, an asynchronous function receives an array, parses the whole thing and adds 'newsFeed' to the output array, and at the end of the operation, you need to print the final state of the 'newsFeed' array.

Here is the problem with the last paragraph .. .

const axios = require('axios')
const xml2js = require('xml2js')

const parser = new xml2js.Parser()

const NULL = 0
const SECOND = 2

// Ну концепция данной идеи заключается в том, что если появляется новый канал, то мы его просто добавляем во входной массив,
let rssChannels = [
  'https://mos.ru/rss',  
  'https://lenta.ru/rss/news',  
]

// Итоговый, агрегационный массив с новостями со всех полученных источников из входного массива rssChannels
let newsFeed = []

const delay = () => {
  return new Promise(resolve => setTimeout(resolve, 300))
}

// Подключение к RSS ленте, получаем XML и приобразуем из него в JS объекты, затем добавляем в агрегационный массив newsFeed
const getChannelFeed = async (url) => {
  await delay()
  axios.get(url)
    .then(res => parser.parseStringPromise(res.data)
      .then(res => newsFeed.push(res.rss.channel[NULL].item))
      .catch(err => console.log('ERROR: Unable to parse received XML'))
    ).catch(err => console.log('ERROR: Unable to establish URL connection'))
}

const processArray = async (rssChannels) => {
  const promises = rssChannels.map(getChannelFeed)
  await Promise.all(promises)
  console.log(newsFeed)
}

processArray(rssChannels)

Here you can run the code

Answer 1

const axios = require('axios');
const xml2js = require('xml2js');

const parser = new xml2js.Parser();

const NULL = 0;
const SECOND = 2;

// Ну концепция данной идеи заключается в том, что если появляется новый канал, то мы его просто добавляем во входной массив,
const rssChannels = [
  'https://mos.ru/rss',
  'https://lenta.ru/rss/news',
];

// Итоговый, агрегационный массив с новостями со всех полученных источников из входного массива rssChannels
const newsFeed = [];

// Подключение к RSS ленте, получаем XML и приобразуем из него в JS объекты, затем добавляем в агрегационный массив newsFeed
const getChannelFeed = url =>
  axios.get(url).then(res => {
    return parser.parseStringPromise(res.data)
      .then(res => newsFeed.push(...res.rss.channel[NULL].item))
      .catch(err => console.log('ERROR: Unable to parse received XML'));
  })
    .catch(err => console.log('ERROR: Unable to establish URL connection'));


// Заполняем выходной массив контентов
const someFoo = rssChannels =>
  Promise.all(rssChannels.map(item => getChannelFeed(item)));


someFoo(rssChannels).then(item => console.log(newsFeed));

In general, everything is somehow crooked.