將對象數組修改為 JavaScript 中的新對象數組

Question

我想如何將 object 轉換為 JavaScript 中的對象數組。 在 object obj中，字段應修改為 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);

預期 Output：

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

Answer 1

Obj.map 不起作用，因為 obj 是一個只有一個元素的數組，所以它只會迭代一次。

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

我懷疑這會編譯。 我懷疑我在這里是 object，不能用作 obj[0].fields 的參考。

但你明白了。

Answer 2

這應該可以解決問題

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

您可以通過使用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)