Как дописать значение к массиву если его надо получить промисом или задержкой?

Question

[lex bem]

results = results.slice(0, 1);
  for (const key in results) {
    if (results.hasOwnProperty(key)) {
      const element = results[key];
      element.introtext = h2p(element.introtext);
      element.fulltext = h2p(element.fulltext);
                    
      clientGI.search(element.title)
        .then(images => {
          element.images = images.map(image => [image.url, image.thumbnail]);
        });
    }
  }

Добрый день! Как мне дождаться моих картинок и потом обновить поле в массиве и отдать этот массив как resolve ? Помогите пожалуйста советом!

Comments

[dollar]

Сложно понять вопрос, т.к. много ругательств типа "дописать", "получить", "дождаться", "обновить", "отдать".

[lex bem]

dollar, мне надо пройти массив объектов для каждого объекта найти картинки (которые возвращаются промисом) и записать их в новое поле объекта и когда все закончится вернуть массив в виде resolve промиса

[Роман]

lex bem, вроде как то так:

код

// создадим массив в который будем складывать промисы
const waitLoad = [];



results = results.slice(0, 1);
for (const key in results) {
  if (results.hasOwnProperty(key)) {
    const element = results[key];
    element.introtext = h2p(element.introtext);
    element.fulltext = h2p(element.fulltext);
    
    // добавим промис полученный в         
    waitLoad.push(
      clientGI.search(element.title)
      .then(images => {
        element.images = images.map(image => [image.url, image.thumbnail]);
        // возвращаем промис который всегда выполнится
        return Promise.resolve();
      });
    );
  }
}


// когда все картинки загружены выполняем какие либо действия с ними
Promise.all(waitLoad).then(values => { 
// ...
});

PS: не тестировал.

[lex bem]

Роман, спасибо почти так)

Answer 1

[lex bem]

const waitLoad = [];

results = results.slice(0, 1);
for (const key in results) {
  if (results.hasOwnProperty(key)) {
    const element = results[key];
    element.introtext = h2p(element.introtext);
    element.fulltext = h2p(element.fulltext);
    
    // добавим промис полученный в         
    waitLoad.push(
      clientGI.search(element.title)
      .then(images => {
        element.images = images.map(image => [image.url, image.thumbnail]);
        // возвращаем промис который всегда выполнится
        return Promise.resolve(element);
      });
    );
  }
}


// когда все картинки загружены выполняем какие либо действия с ними
Promise.all(waitLoad).then(values => { 
// ...
});

Answer 2

[Сергей Соколов]

Что-то типа такого:

function getWithImages(result) {
	return new Promise((res, rej) => {
		
		const elPromises = [];
		
		for (let key in result) {
		  if (!result.hasOwnProperty(key)) continue;
		  const element = result[key];
		  element.introtext = h2p(element.introtext);
		  element.fulltext = h2p(element.fulltext);
		                  
		  elPromises.push(
		  	clientGI.search(element.title)
			  .then(images => {
			    element.images = images.map(image => [image.url, image.thumbnail]);
			  });
		  );
		}
		
		Promise.all(elPromises).then(function() {
			// все готовы
			res(result);
		});
	});
}

const gotImagesPromise = getWithImages(results[0]);