remap json objects and push them into one single array

Question

I'm remapping JSON objects received from an API which works perfectly. The issue is instead of pushing into a single array searchResultsReFormat, in the console it reads the same line multiple times but with different values.

  searchResultsReFormat: any = [];
  this.searchResults.map(result => {
                const customer  = result.customer
                const meals = result.meals
                const newResults = [{
                  firstName : customer.firstName,
                  lastName : customer.lastName,
                  grade: this.gradeName,
                  meals: [meals]
                }]
                console.log(newResults)
                this.searchResultsReFormat = newResults
              })

but It all should have been grouped inside one single array searchResultsReFormat and when expanded, the data will be showing

Are you sure you didn't miss what .map actually do?

briosheje
– briosheje

2019-08-06 13:18:30 +00:00
Commented Aug 6, 2019 at 13:18 — briosheje
– briosheje, Commented Aug 6, 2019 at 13:18

briosheje · Accepted Answer · 2019-08-06 13:24:52Z

2

map is actually meant to return a new array by transforming each value according to the callback provided.

You don't need to push or do things, you just need to:

Assign the result of map to the desired value.
return inside the callback the transformed value.

// assignment here

this.searchResultsReFormat = this.searchResults.map(result => {
  //                                                ^--- callback here
  const customer  = result.customer;
  const meals = result.meals;
  const newResults = [{
    firstName : customer.firstName,
    lastName : customer.lastName,
    grade: this.gradeName,
    meals: [meals]
  }];
  return newResults; // <-- return here.
});

answered Aug 6, 2019 at 13:24

briosheje

7,4662 gold badges35 silver badges56 bronze badges

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

Comments

Sam · Accepted Answer · 2019-08-06 13:24:31Z

1

You need to return the object within map and assign the map results to the array you want.

searchResultsReFormat: any = [];
  this.searchResultsReFormat = this.searchResults.map(result => {
                const customer  = result.customer
                const meals = result.meals
                return {
                  firstName : customer.firstName,
                  lastName : customer.lastName,
                  grade: this.gradeName,
                  meals: [meals]
                }                
              })

answered Aug 6, 2019 at 13:24

Sam

1,87111 silver badges19 bronze badges

Collectives™ on Stack Overflow

remap json objects and push them into one single array

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related