将对象数组修改为 JavaScript 中的新对象数组

Question

I would like how to convert the object to array of objects in JavaScript. In object obj , fields should be modified to nested array of objects in JavaScript.

 var obj = [{ id: 1, fields: { color: "white", brand: "xyz" } }] function objarray(obj) { return obj.map(e => ({ label: Object.keys(e.fields) })) } var result = objarray(obj); console.log(result);

Expected Output:

  [
    {
      label: "color",
      children: [{label:"white" }]
    },
    {
      label: "brand",
      children: [{label:"xyz" }]
    }
  ]

Answer 1

Obj.map isn't going to work as obj is an array with one element so it will only iterate one time.

let newArray = []
for (var i in obj.fields)
{
    newArray.push({label: i, children:obj[[0].fields.i});
}

I doubt this will compile. I suspect i is an object here and can't be used as a reference on obj[0].fields.

but You get the idea.

Answer 2

This should do the trick

var obj = [{
  id: 1,
  fields: {
    color: "white",
    brand: "xyz"
  }
}]

const mapFields = (obj) => {
  return obj.map((o) => {
    return Object.keys(o.fields).map((f) => {
      var field = {
        label: f,
        children: [{label: o.fields[f]}]
      };
      return field;
    });
  })
}

console.log(mapFields(obj));

Answer 3

You can do this by making use of Object.entries() :

 var obj = [ { id: 1, fields: { color: "white", brand: "xyz" } }]; result = Object.entries(obj[0].fields).map(([k,v])=>({label:k, children:[{label:v}]})) console.log(result)