Adding an item to the collection

Question

Adding an item to the collection

When I log my cartProducts within the forEach() loop, it successfully stores all the products. However, if I log my cartProducts outside of the loop, it displays an empty array.

var cartProducts = [];

const cart = await CartModel
                   .findOne({ UserDetailsId: userID })
                   .populate('UserDetailsId');
if (cart) {
  cart.products.forEach(async(product) => {
    const productItem = await ProductModel
                              .findOne({_id: product.productDetailsId });
    cartProducts.push(productItem);
  });
}

console.log("Cart Items", cartProducts);

javascript arrays push

Answer 1

Answer №1

If you want to retrieve all product IDs, you can do so by using the following code snippet:

const productIds = cart.products.map(product => product.productDetailsId);

After obtaining the product IDs, you can fetch all product items in a single query to the database:

const products = await ProductModel.find({_id: {$in: productIds} });

Answer 2

If you want to retrieve all product IDs, you can do so by using the following code snippet:

const productIds = cart.products.map(product => product.productDetailsId);

After obtaining the product IDs, you can fetch all product items in a single query to the database:

const products = await ProductModel.find({_id: {$in: productIds} });

Answer 3

Answer №2

If you want to achieve this method, you have to convert your forEach loop into an async function

if (cart) {
    async function asyncForEach(arr) {

        const promises = arr.products.forEach(async(product) => {
          const productItem = await ProductModel
                                    .findOne({_id: product.productDetailsId });
          cartProducts.push(productItem);
        });
   
        await Promise.all(promises);
     
    }
    asyncForEach(cart); 
}

function mockAsync(param) {
  return new Promise((resolve, reject) => {
    setTimeout(() => resolve(console.log(param)), 2000)
  })
}

let cart = ["A", "B", "C"];

async function asyncForEach(arr) {
  console.log("processing...")
  const promises = arr.forEach(async(product) => {
    await mockAsync(product);
  });

  await Promise.all(promises)

}

asyncForEach(cart);

Answer 4

If you want to achieve this method, you have to convert your forEach loop into an async function

if (cart) {
    async function asyncForEach(arr) {

        const promises = arr.products.forEach(async(product) => {
          const productItem = await ProductModel
                                    .findOne({_id: product.productDetailsId });
          cartProducts.push(productItem);
        });
   
        await Promise.all(promises);
     
    }
    asyncForEach(cart); 
}

function mockAsync(param) {
  return new Promise((resolve, reject) => {
    setTimeout(() => resolve(console.log(param)), 2000)
  })
}

let cart = ["A", "B", "C"];

async function asyncForEach(arr) {
  console.log("processing...")
  const promises = arr.forEach(async(product) => {
    await mockAsync(product);
  });

  await Promise.all(promises)

}

asyncForEach(cart);

Adding an item to the collection

Answer №1

Answer №2

Similar questions

Debugging JavaScript in ASP .NET (solving quick breakpoint problems)

Need to monitor a Firebase table for any updates

Retain the chosen values even after submitting the form

Utilizing Anglar 16's MatTable trackBy feature on FormGroup for identifying unaltered fields

Add an element to the jQuery collection before the last element, not at the end

In React, whenever an element is removed from an array, all the elements that come after it are re-rendered, leaving the previous elements unchanged

JavaScript code that activates several hovering elements

Sending a blob through AJAX to a different domain using CORS

Ways to eliminate unnecessary items from a JavaScript object array and generate a fresh array

redux reducer returns an empty array after applying filter to the state

The necessary attribute is malfunctioning. (HTML)

Looking to Share Your Words on Tumblr?

Encountered a syntax hiccup in my PHP and JavaScript codes

How can I send a file and a string request using the POST method to a Spring REST controller that accepts byte[] and Strings with Angular

Tips for submitting a checkbox value even when it is disabled

Executing a PHP function every second using JS/Ajax: A step-by-step guide

Express identifies the user, however, the username is displayed exclusively on one specific page. This situation may indicate a potential cookie problem

Issue: req.flash() not functioning correctly following the execution of req.session.destroy()

Converting numbers in React Native, leaving only the last four digits untouched

Guide on how to use plain JavaScript to smoothly scroll to the page top