javascript中的數組數組到對象數組的數組

Question

我想將我的對象數組轉換為對象數組。

我想將兩個數據合並為一個。 我有一個數據持有者，它是一個數組

const dataholder = ["itemCode","item","cashier"];

和一個數據需要dataholder在數據持有者密鑰

const record = [
        {
          itemCode: { value: 1},
          item: { value: 'Pen'},
          cashier: {value: 'Sam'}
        },
        [
          itemCode: {value: 2},
          item: {value: 'Eraser'},
          cashier: {value: 'Kim'}
        ]
    ];

我在下面嘗試過這段代碼，但結果變成了數組數組的數組

record?.map( item => {
        return dataholder ?.map( (field) => {
            return {
                [field]: item[field]?.value
            }
        })
    })

這是 output

       [
        [
          {'itemCode': 1},
          {'item': 'Pen'},
          {'cashier': 'Sam'}
        ],
        [
          {'itemCode': 2},
          {'item': 'Eraser'},
          {'cashier': 'Kim'}
        ]
]

預期結果

[
        {
            itemCode: 1,
            item: 'Pen',
            cashier: 'Sam'
        },
        {
            itemCode: 2,
            item: 'Eraser',
            cashier: 'Kim'
        }
    ]

我在這里先向您的幫助表示感謝！

Answer 1

嘗試這個：

record?.map(item => {
  const obj = {}
  for (const key in item)
      if (dataholder.includes(key))
        obj[key] = item[key].value
  return obj
})

Answer 2

您可以.map()覆蓋您的record對象，並為每個 object、map 覆蓋您的dataholder數組，以創建[key, obj[key].value] arraysZ 的數組。 這將導致您的內部.map()創建表單的數組...

[[key, value], [key2, value2], ...]

...對於由外部.map()迭代的每個 object ( obj )，其中值是從obj獲得的。 然后，您可以使用Object.fromEntries()將此鍵值對條目數組轉換為 object：

 const dataholder = ["itemCode","item","cashier"]; const record = [ { itemCode: { value: 1}, item: { value: 'Pen'}, cashier: {value: 'Sam'} }, { itemCode: {value: 2}, item: {value: 'Eraser'}, cashier: {value: 'Kim'} } ]; const res = record.map(obj => Object.fromEntries( dataholder.map(key => [key, obj[key].value]) )); console.log(res);

Answer 3

相反，在內部循環中，您可以使用reduce

const res = record.map((item) => {
  return dataholder.reduce((acc, field) => {
    return {
      ...acc,
      [field]: item[field].value,
    };
  }, {});
});

 const dataholder = ["itemCode", "item", "cashier"]; const record = [ { itemCode: { value: 1 }, item: { value: "Pen" }, cashier: { value: "Sam" }, }, { itemCode: { value: 2 }, item: { value: "Eraser" }, cashier: { value: "Kim" }, }, ]; const res = record.map((item) => { return dataholder.reduce((acc, field) => { return {...acc, [field]: item[field].value, }; }, {}); }); console.log(res);

Answer 4

您可以嘗試這種方式（使用.map結合for... of ）

var result = record.map(r => {
  var item = {};
  for(let key of dataholder)  item[key] = r[key].value;
  return item;
});

 var dataholder = ["itemCode","item","cashier"]; var record = [ { itemCode: { value: 1}, item: { value: 'Pen'}, cashier: {value: 'Sam'} }, { itemCode: {value: 2}, item: {value: 'Eraser'}, cashier: {value: 'Kim'} } ]; var result = record.map(r => { var item = {}; for(let key of dataholder) item[key] = r[key].value; return item; }); console.log(result);