我如何将一个包含多个对象的对象的数组转换为对象数组

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

Answer 1

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); 

Answer 2

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); 

Answer 3

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); 

Answer 4

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); 

Answer 5

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/