Async-await 'Promise {<pending>} with Array.prototype.map

Question

I know there are many questions discuss about the same error and I saw most of them and they didn't fix my problem. I wrote this code:

const userOrganizationGroups = (organizationGroupsList) => {
 if (Array.isArray(organizationGroupsList) && organizationGroupsList.length) {
    const result = organizationGroupsList.map(async (element) => {
      const { organizationId, groupId } = element;
      const { Organizations, Groups } = models;


      const organization = await Organizations.findOne(
        { _id: organizationId },
        { name: 1, _id: 0 },
      );
      const group = await Groups.findOne({ _id: groupId });
      return Object.assign({}, {
        organizationName: organization.name,
        group: group.name,
      });
    });
    return result;
  }

};

when I debug the code:

console.log('userOrganizationGroups : ',userOrganizationGroups(list))

I got such a result:

userOrganizationGroups: Promise { <pending> }

I found a similair question: Promise { } - Trying to await for .map and I used the solution mentioned in the question:

const userOrganizationGroups = async (organizationGroupsList) => {


 if (Array.isArray(organizationGroupsList) && organizationGroupsList.length) {
    const result = await Promise.all(organizationGroupsList.map(async (element) => {
      const { organizationId, groupId } = element;
      const { Organizations, Groups } = models;


      const organization = await Organizations.findOne(
        { _id: organizationId },
        { name: 1, _id: 0 },
      );
      const group = await Groups.findOne({ _id: groupId });
      return Object.assign({}, {
        organizationName: organization.name,
        group: group.name,
      });
    }));
    return result;
  }

How can I fix this issue?

fanjabi · Accepted Answer · 2018-11-13 15:23:37Z

2

instead of

console.log('userOrganizationGroups : ',userOrganizationGroups(list))

use

userOrganizationGroups(list).then( groups => console.log('userOrganizationGroups : ', groups)

or

(async () => { const groups = await userOrganizationGroups(list); console.log('userOrganizationGroups : ', groups); })();

answered Nov 13, 2018 at 15:23

fanjabi

1,6652 gold badges15 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Slim Over a year ago

Thanks to this article futurestud.io/tutorials/… and your comment I resolved my issue.

t.kuriyama · Accepted Answer · 2018-11-13 15:57:01Z

0

console.log() was called first because you didn't wait using await or then.

So You should write below instead of
console.log('userOrganizationGroups : ',userOrganizationGroups(list))

;(async () => {
    const resultGroups = await userOrganizationGroups(list)
    resultGroups.forEach(group => {
      console.log(`group: ${JSON.stringfy(group, null, '  ')}`)
    })
})()

answered Nov 13, 2018 at 15:57

t.kuriyama

1775 bronze badges

Collectives™ on Stack Overflow

Async-await 'Promise {<pending>} with Array.prototype.map

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related