how do i convert array of one object containing many object inside to array of object

Question

I have an array looks like below...

arr = [{
  Bildbearbeiter: 1,
  Bügler: 2,
  Einkäufer: 3,
  Empfänger: 4,
  Fotograf: 5,
}];

but I want to change it

arr = [{
    Bildbearbeiter: 1
  },
  {
    Bügler: 2
  },
  {
    Einkäufer: 3
  },
  {
    Empfänger: 4
  },
  {
    Fotograf: 5
  }

];

So that i can iterate with each object. Is there any way to solve it??

Thanks in advance

why is the object wrapped in an array, could be more than one object in the array? what have you tried? — Nina Scholz
– Nina Scholz, Commented Oct 22, 2018 at 11:15

Nikhil Aggarwal · Accepted Answer · 2018-10-22 11:17:53Z

3

Use Array.map and Object.entries

let arr = [{Bildbearbeiter: 1,Bügler: 2,Einkäufer: 3,Empfänger: 4,Fotograf: 5}];

arr = Object.entries(arr[0]).map(([k,v]) => ({[k]:v}));
console.log(arr);

answered Oct 22, 2018 at 11:17

Nikhil Aggarwal

28.5k4 gold badges46 silver badges61 bronze badges

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

2 Comments

briosheje Over a year ago

Interesting approach using .entries. Clever.

Nikhil Aggarwal Over a year ago

@briosheje - Thanks mate!

amrender singh · Accepted Answer · 2018-10-22 11:23:38Z

2

You can simply use Array.map() and Object.keys():

let arr = [ { Bildbearbeiter: 1, Bügler: 2, Einkäufer: 3, Empfänger: 4, Fotograf: 5, } ];

let result = Object.keys(arr[0]).map((key)=> ({[key] : arr[0][key]}));
console.log(result);

edited Oct 22, 2018 at 11:23

answered Oct 22, 2018 at 11:17

amrender singh

8,2594 gold badges27 silver badges30 bronze badges

1 Comment

amrender singh Over a year ago

@DevNepal Happy to help you :-)

SiddAjmera · Accepted Answer · 2018-10-22 11:23:20Z

1

Try this by clicking on Run code snippet button:

var arr = [{
  Bildbearbeiter: 1,
  Bügler: 2,
  Einkäufer: 3,
  Empfänger: 4,
  Fotograf: 5,
}];

var newArray = [];

for (let key in arr[0]) {
  newArray.push({
    [key]: arr[0][key]
  });
}

console.log(newArray);

Or try this:

var arr = [{
  Bildbearbeiter: 1,
  Bügler: 2,
  Einkäufer: 3,
  Empfänger: 4,
  Fotograf: 5,
}];

var newArray = Object.keys(arr[0]).map(key => ({
  [key]: arr[0][key]
}))

console.log(newArray);

edited Oct 22, 2018 at 11:23

answered Oct 22, 2018 at 11:17

SiddAjmera

39.6k7 gold badges78 silver badges114 bronze badges

Comments

Nina Scholz · Accepted Answer · 2018-10-22 11:24:16Z

1

You could reduce the array by adding all objects to the result set.

var array = [{ "Bildbearbeiter": 1, "Bügler": 2, "Einkäufer": 3, "Empfänger": 4, "Fotograf": 5 }],
    result = array.reduce((r, o) => r.concat(Object.entries(o).map(([k, v]) => ({ [k]: v }))), []);
    
console.log(result);

answered Oct 22, 2018 at 11:24

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Comments

briosheje · Accepted Answer · 2018-10-22 11:20:12Z

0

You can map the array, loop through the keys of each object, and assign a brand new object holding the key and the value of the current item.

arr.map(i => {
    return Object.keys(i).map(k => {
       return {[k]: i[k]};
    });
});

Working fiddle: http://jsfiddle.net/sw3Lxm7f/

answered Oct 22, 2018 at 11:20

briosheje

7,4662 gold badges35 silver badges56 bronze badges

Collectives™ on Stack Overflow

how do i convert array of one object containing many object inside to array of object

5 Answers 5

2 Comments

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related