Loop inside for loop - nested arrays

Question

I have for loop inside for loop... and my array output is nested array [[{...}]] but I need [{...}]

Is there any way to make this array without nested array in this case?

Here is my code... I have users and for every user i need to add new array of objects

users = [{
  name: "user1"
  role: ["admin", "tester", "viewer"]
  },{
  name: "user2"
  role: ["admin", "tester", "viewer"]
  }]

userRole: any[]=[];


for (let user of users){
 for (let u of user.role){
     this.userRole.push({
         name: user.name,
         role: u
     }) 
    }
    this.data.push(this.userRole) 
   }

User can have multiple role, but because of database structure I need in user object send array with object

{ "name": "user1",
   "role": [{
        "role" : "admin",
        "user" : "user1"
       },{
        "role" : "tester",
        "user" : "user1"
       },{
        "role" : "view",
        "user" : "user1"
       }]
  }

but I get this

{ "name": "user1",
   "role": [  // nested array
        [{
        "role" : "admin",
        "user" : "user1"
       },{
        "role" : "tester",
        "user" : "user1"
       },{
        "role" : "view",
        "user" : "user1"
       }]
     ]
  }

I try to use .flat() but still the same

this.data = this.data.concat(this.userRole) ?

Code Maniac
– Code Maniac

2019-10-16 11:21:34 +00:00
Commented Oct 16, 2019 at 11:21 — Code Maniac
– Code Maniac, Commented Oct 16, 2019 at 11:21
what would help is an example of users object

Bravo
– Bravo

2019-10-16 11:23:12 +00:00
Commented Oct 16, 2019 at 11:23 — Bravo
– Bravo, Commented Oct 16, 2019 at 11:23
@CodeManiac I don't need to merge... i need to push item

Arter
– Arter

2019-10-16 11:25:22 +00:00
Commented Oct 16, 2019 at 11:25 — Arter
– Arter, Commented Oct 16, 2019 at 11:25
@Bravo I will update my question

Arter
– Arter

2019-10-16 11:25:53 +00:00
Commented Oct 16, 2019 at 11:25 — Arter
– Arter, Commented Oct 16, 2019 at 11:25
Can you given an example or users

Srinivas
– Srinivas

2019-10-16 11:26:12 +00:00
Commented Oct 16, 2019 at 11:26 — Srinivas
– Srinivas, Commented Oct 16, 2019 at 11:26

Code Maniac · Accepted Answer · 2019-10-16 11:39:31Z

3

You can simply use two map

let users = [{name: "user1",role: ["admin", "tester", "viewer"]}, {name: "user2",role: ["admin", "tester", "viewer"]}]

let final = users.map(({name,role})=>{
  return {
    name,
    role: role.map(user=>({name,user}))
  }
})

console.log(final)

To make your code work, all you need is defined two variable one to hold the final value and another one to hold userRole for particular user,

const users = [{name: "user1",role: ["admin", "tester", "viewer"]}, {name: "user2", role: ["admin", "tester", "viewer"]}]
const final = []

for (let user of users) {
  const userRole = [];
  for (let u of user.role) {
    userRole.push({
      name: user.name,
      role: u
    })
  }
  final.push({name:user.name, role: userRole})
}

console.log(final)

edited Oct 16, 2019 at 11:39

answered Oct 16, 2019 at 11:33

Code Maniac

37.9k5 gold badges44 silver badges65 bronze badges

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

1 Comment

Arter Over a year ago

You give me the proper way... but i need to make sam change... but thnx

Yvan · Accepted Answer · 2019-10-16 11:24:56Z

1

I made some change on your code. Every loop you are creating a new role, I supposed this.data is a array of userRole? So, you can add it every loop on your data array.

for (let user of users){
 for (let u of user.role){
     const userRole= { name: user.name, role: u};
     this.userRole.push(userRole);
     this.data.push(userRole) 
  }
}

answered Oct 16, 2019 at 11:24

Yvan

1,1312 gold badges20 silver badges27 bronze badges

Comments

vipul patel · Accepted Answer · 2019-10-16 11:39:22Z

1

Please use flatMap :

var data = { "name": "user1",
            "role": [  // nested array
             [{
            "role" : "admin",
            "user" : "user1"
           },{
            "role" : "tester",
            "user" : "user1"
           },{
            "role" : "view",
            "user" : "user1"
           }]
           ]
          };
          
          
          
          data.role =   data.role.flatMap(data => data);          
          console.log("print data object");
          console.log(data)

edited Oct 16, 2019 at 11:39

answered Oct 16, 2019 at 11:31

vipul patel

7504 silver badges10 bronze badges

Comments

Srinivas · Accepted Answer · 2019-10-16 11:49:30Z

1

users = [{
  name: "user1",
  role: ["admin", "tester", "viewer"],
  },{
  name: "user2",
  role: ["admin", "tester", "viewer"],
  }
]


userRole = users.map(user => {
  roles = user.role.map(x => {
    return {role:x,user:user.name}
  })

   return { 
      name: user.name,
      role: roles
   }
})
console.log(userRole)

answered Oct 16, 2019 at 11:49

Srinivas

3743 silver badges23 bronze badges

Comments

Søren Andersen · Accepted Answer · 2019-10-16 11:27:06Z

0

Why don't you use the "u" in the second for loop, to add your array of roles?

answered Oct 16, 2019 at 11:27

Søren Andersen

235 bronze badges

1 Comment

Arter Over a year ago

because I need every role in single object

Arter · Accepted Answer · 2019-10-16 11:51:13Z

0

Here is the answer, thnx to user @CodeManiac, he gave me a way of thinking...

I need to push item inside second for-loop... and now everything works like I expect

for (let user of users){
  for (let u of user.role){
     this.data.push(name: user.name, role: u) 
 }
}

answered Oct 16, 2019 at 11:51

Arter

2,3246 gold badges38 silver badges71 bronze badges

Collectives™ on Stack Overflow

Loop inside for loop - nested arrays

6 Answers 6

1 Comment

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related