Molding information for a problem solver

Question

Molding information for a problem solver

Imagine a scenario where a resolver retrieves quotes from various books stored in a mongo db. This is how the data is structured within the database!

    getQuotes: async () => {
      const getQuotes = await booksModel.find({}, "quotes");
      console.log(getQuotes);
      // #1

      for (const element of getQuotes) {
        const test = element.quotes;
        console.log(test)
        // #2

        Object.values(test).forEach((val) => {
          console.log(val);
          // #3
          
          return val;
        });
      }
    },

The result closely resembles the expected data structure...

This is console.log #3!

{
  book: 1,
  page: 12,
  excerpt: 'asaaaad',
  comment: 'asd',
  _id: 'N_YOT_Gms_fvAqQKL3Y23'
}
{
  book: 1,
  page: 12,
  excerpt: 'sdfsdfsdfsdf',
  comment: 'asd',
  _id: 'QP5iLh3Gj2X8ZcSN7hoPF'
}
{
  book: 2,
  page: 12,
  excerpt: 'asaasdasdaad',
  comment: 'asd',
  _id: '2kdkfgW6MERwGtvbXph9e'
}

This is console.log #2!

[
  {
    book: 1,
    page: 12,
    excerpt: 'asaaaad',
    comment: 'asd',
    _id: 'N_YOT_Gms_fvAqQKL3Y23'
  },
  {
    book: 1,
    page: 12,
    excerpt: 'sdfsdfsdfsdf',
    comment: 'asd',
    _id: 'QP5iLh3Gj2X8ZcSN7hoPF'
  }
]
[
  {
    book: 2,
    page: 12,
    excerpt: 'asaasdasdaad',
    comment: 'asd',
    _id: '2kdkfgW6MERwGtvbXph9e'
  }
]

This is console.log #1!

[
  { _id: 'leO68YLuG_mG4KS491Kpz', quotes: [ [Object], [Object] ] },
  { _id: 'ymbUWql0sREAKuaVXZ_KY', quotes: [ [Object] ] }
]

I seem to be struggling with organizing the data into a neat array using forEach in my graphql resolver. Any suggestions on approaching this differently? It's been quite some time since I delved into this, so pardon any missteps; I gave it my best shot :p

javascript arrays json object mongoose

Answer 1

Answer №1

Using the .flatMap method can simplify your code:

getItems: async () => {
    const items = await inventoryModel.find({}, "items");
    return items.flatMap((item) => item.items);
}

const items = [{
    _id: 'leO68YLuG_mG4KS491Kpz',
    items: [{
        category: 1,
        name: 'apple',
        quantity: 10,
        _id: 'N_YOT_Gms_fvAqQKL3Y23'
      }, {
        category: 1,
        name: 'banana',
        quantity: 20,
        _id: 'QP5iLh3Gj2X8ZcSN7hoPF'
      
    }],
  }, {
    _id: 'ymbUWql0sREAKuaVXZ_KY',
    items: [{
        category: 2,
        name: 'orange',
        quantity: 15,
        _id: '2kdkfgW6MERwGtvbXph9e'
    }]
}];

console.log(items.flatMap((item) => item.items));

If your environment doesn't support it, you can add the following polyfill:

if (!Array.prototype.flatMap) {
  Object.defineProperty(Array.prototype, 'flatMap', {
    configurable: true,
    writable: true,
    value: function () {
      return Array.prototype.map.apply(this, arguments).flat(1);
    },
  });
}

Answer 2

Using the .flatMap method can simplify your code:

getItems: async () => {
    const items = await inventoryModel.find({}, "items");
    return items.flatMap((item) => item.items);
}

const items = [{
    _id: 'leO68YLuG_mG4KS491Kpz',
    items: [{
        category: 1,
        name: 'apple',
        quantity: 10,
        _id: 'N_YOT_Gms_fvAqQKL3Y23'
      }, {
        category: 1,
        name: 'banana',
        quantity: 20,
        _id: 'QP5iLh3Gj2X8ZcSN7hoPF'
      
    }],
  }, {
    _id: 'ymbUWql0sREAKuaVXZ_KY',
    items: [{
        category: 2,
        name: 'orange',
        quantity: 15,
        _id: '2kdkfgW6MERwGtvbXph9e'
    }]
}];

console.log(items.flatMap((item) => item.items));

If your environment doesn't support it, you can add the following polyfill:

if (!Array.prototype.flatMap) {
  Object.defineProperty(Array.prototype, 'flatMap', {
    configurable: true,
    writable: true,
    value: function () {
      return Array.prototype.map.apply(this, arguments).flat(1);
    },
  });
}

Molding information for a problem solver

Answer №1

Similar questions

Attempting to execute the command npm run dev, but receiving the error message "No entries found."

The state may be modified, but the component remains unchanged

While experimenting with p5.js, I encountered an issue where I received the error message stating that "loadAnimation is not defined and createSprite not defined." This problem persists even when using VSCode

What is the file path on a Windows local disk where Flutter Android emulator stores files using path_provider?

Utilizing external functions in Node.js by importing them from different files

Changing the array of objects: various operations on arrays and objects

A collection of varying length arrays

Issue with navbar overlay: when screen width is minimized, components do not remain in one row

Unfulfilled expectation of a promise within an array slipping through the cracks of a for loop

AttributeError: The class 'Rules' does not contain the attribute '__temperature'

Saving an array of Int64 variables with NSCoding in Swift: A step-by-step guide

A comparison between RXJS5 and Promise.all

Using express to activate http compression

Disable the second tab within an Angular md-tabs component

Changing the data type of a column in an Excel file from XLSX to

Restrict Text Input Field to Accept Only Specific Domain

Steps for displaying the elements of a JavaScript object

Sorry, but we couldn't complete your request: User verification unsuccessful: email must be provided

Is it possible for lazy loaded features in Angular 6 to share state between features using ngrx?

Guide to converting an arraylist of custom objects into JSON using JavaScript