Remove nested array from array of arrays

Question

First of all I'm not entirely sure if this is the right approach for the problem I am having but here it goes.

I have two arrays

const projects = ["PP", "JJ"]
const issues = ["10000", "10002", "100003"]

For each issue I want to create an object like so:

{
  "issueTypeId": "10002",
  "projectId": "PP",
  "viewType": "GIC"
}

And at the end finish with an array of objects, something like:

[{
   "issueTypeId": "10002",
   "projectId": "PP",
   "viewType": "GIC"
},
{
   "issueTypeId": "10000",
   "projectId": "PP",
   "viewType": "GIC"
}]

So far this is my logic

const projects = ["PP", "JJ"]
const issues = ["10000", "10002", "100003"]

const p = issues.map(issue => {
    return projects.map(project => {
        return {issueTypeId: issue, projectId: project, viewType: "GIC"}
    })
})

console.log(p)

But as you can see I get an array of arrays at the end which I'm pretty sure is due to the double .map logic.

1st - Is there a better way to achieve my objective?

2nd - If not, how to remove the inner array and get a single one

Thank you

ok that helps a lot, thanks! Is there a neater way of doing this, spreading? — Jorge Guerreiro
– Jorge Guerreiro, Commented Apr 27, 2022 at 11:43
"Is there a neater way of doing this, spreading": Probably not as long as you use map, as you can return only exactly one value there, not multiple ones. You could of course use two loops instead. — Remirror
– Remirror, Commented Apr 27, 2022 at 11:49

PeterKA · Accepted Answer · 2022-04-27 12:35:43Z

1

Use flatMap instead of map. Plus, by choosing your variables wisely and using abbreviated form of arrow functions you could use the following:

const projects = ["PP", "JJ"],
      issues = ["10000", "10002", "100003"],
      viewType = "GIC",

      p = issues.flatMap(issueTypeId =>
          projects.map(projectId => ({issueTypeId, projectId, viewType}))
      );

console.log(p)

edited Apr 27, 2022 at 12:35

answered Apr 27, 2022 at 11:52

PeterKA

24.7k5 gold badges28 silver badges52 bronze badges

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

Comments

Vasim Hayat · Accepted Answer · 2022-04-27 11:50:08Z

0

You can try this

const projects = ['PP', 'JJ'];
const issues = ['10000', '10002', '100003'];

let outArray = [];
issues.forEach((i) => {
  projects.forEach((p) => {
    outArray.push({
      issueTypeId: i,
      projectId: p,
      viewType: 'GIC',
    });
  });
});

console.log(outArray);

answered Apr 27, 2022 at 11:50

Vasim Hayat

92911 silver badges16 bronze badges

Collectives™ on Stack Overflow

Remove nested array from array of arrays

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related