堆棧內存溢出
  簡體   English   中英

如何將對象數組組合成一個 object，然后根據索引條件在該數組中創建另一個 object

[英]How to combine array of objects into one object and then create another object within that array based on a condition on the index

 原文  2022-03-16 00:48:33  0   4    javascript/ arrays/ data-structures/ ecmascript-6/ iteration

問題描述

我有一組對象，我需要根據某些條件展平/簡化/組合這些對象。 下面是我當前對象數組的形狀：

const arrayOfObjects = 
  [ { Battery           : 'Battery'        } 
  , { batteryDetailsKey : [ 'Serial Number', 'Type', 'Part Number'       ] } 
  , { batteryDetailsVal : [ 'HJ3CA19347410218LJ98 100 QC', 'Extended Range', '4P94-Q001' ] } 
  , { Modules           : 'Modules'        } 
  , { moduleDetailsKey  : [ 'Serial Number', 'Part Number', 'Cell Count' ] } 
  , { moduleDetailsVal  : [ '83675327350061093222581609899001', 'LJ98-10C779-A01', '32'  ] } 
  , { assetSeparator    : 'assetSeparator' } 
  , { Battery           : 'Battery'        }  
  , { batteryDetailsKey : [ 'Serial Number', 'Type', 'Part Number'       ] } 
  , { batteryDetailsVal : [ 'HJ3CA19347410218LJ98 101 QC', 'Extended Range', '4P94-Q002' ] } 
  , { Modules           : 'Modules'        } 
  , { moduleDetailsKey  : [ 'Serial Number', 'Part Number', 'Cell Count' ] } 
  , { moduleDetailsVal  : [ '83675327350061093222581609899002', 'LJ98-10C779-A02', '28'  ] } 
  , { moduleDetailsVal  : [ '83675327350061093222581609899003', 'LJ98-10C779-A03', '27'  ] } 
  , { assetSeparator    : 'assetSeparator' } 
  , { Battery           : 'Battery'        } 
  , { batteryDetailsKey : [ 'Serial Number', 'Type', 'Part Number'                       ] } 
  , { batteryDetailsVal : [ 'HJ3CA19347410218LJ98 102 QC', 'Extended Range', '4P94-Q003' ] } 
  , { Modules           : 'Modules'        } 
  , { moduleDetailsKey  : [ 'Serial Number', 'Part Number', 'Cell Count' ] } 
  , { moduleDetailsVal  : [ '83675327350061093222581609899004', 'LJ98-10C779-A01', '32'  ] } 
  ] ]

我基本上希望這個 arrayOfObjects 被塑造成這個結構：

const shapeIWantArrayOfObjects = 
  [ { Battery           : 'Battery'
    , batteryDetailsKey : [ 'Serial Number', 'Type', 'Part Number' ] 
    , batteryDetailsVal : [ 'HJ3CA19347410218LJ98 100 QC', 'Extended Range', '4P94-Q001' ] 
    , Modules           : 'Modules'
    , moduleDetailsKey  : [ 'Serial Number', 'Part Number', 'Cell Count' ] 
    , moduleDetailsVal  : [ '83675327350061093222581609899001', 'LJ98-10C779-A01', '32' ] 
    } 
  , { Battery           : 'Battery'
    , batteryDetailsKey : [ 'Serial Number', 'Type', 'Part Number' ] 
    , batteryDetailsVal : [ 'HJ3CA19347410218LJ98 101 QC', 'Extended Range', '4P94-Q002' ] 
    , Modules           : 'Modules'
    , moduleDetailsKey  : [ 'Serial Number', 'Part Number', 'Cell Count'] 
    , moduleDetailsVal  : [ '83675327350061093222581609899002', 'LJ98-10C779-A02', '28' ] 
    , moduleDetailsVal  : [ '83675327350061093222581609899003', 'LJ98-10C779-A03', '27' ] 
    } 
  , { Battery           : 'Battery'
    , batteryDetailsKey : [ 'Serial Number', 'Type', 'Part Number' ] 
    , batteryDetailsVal : [ 'HJ3CA19347410218LJ98 102 QC', 'Extended Range', '4P94-Q003' ] 
    , Modules           : 'Modules'
    , moduleDetailsKey  : [ 'Serial Number', 'Part Number', 'Cell Count'] 
    , moduleDetailsVal  : [ '83675327350061093222581609899004', 'LJ98-10C779-A01', '32' ] 
    } 
  ]

如您所見，我基本上是想將模塊和電池詳細信息合並到一個 object 中，然后如您所見，一旦我點擊{"assetSeparator": "assetSeparator"} ，我就想在該數組中創建另一個 object。 這就像我的條件告訴我資產已經合並，現在是時候合並下一個資產了，幾乎可以將其視為string.split("assetSeparator")

有人可以告訴我如何實現這一點，我已經嘗試過Object.assign({}, ...arrayOfObjects)但這並沒有完全達到我想要的效果，而且我無法檢測到{"assetSeparator": "assetSeparator"}使用擴展運算符。

我也嘗試過減少arrayOfObjects.reduce(function(result, current) { return Object.assign(result, current); }, {})但因為它正在累積 object，所以它只是用相同的鍵覆蓋 object 屬性. 請幫忙。

4 個解決方案

解決方案1
 3 已采納  2022-03-16 01:00:57

請注意，您所需的 output 是不可能的 - 但如果有多個 object 具有相同的密鑰，則 output 可能具有該密鑰的一組值- 請參閱代碼

如果原始數組中的每組項目都以 object 和一個鍵“Battery”開頭 - 那么這將為您執行 majicks 

 const arrayOfObjects = [{"Battery": "Battery"},{"batteryDetailsKey": ["Serial Number","Type","Part Number",]},{"batteryDetailsVal": ["HJ3CA19347410218LJ98 100 QC","Extended Range","4P94-Q001",]},{"Modules": "Modules"},{"moduleDetailsKey": ["Serial Number","Part Number","Cell Count",]},{"moduleDetailsVal": ["83675327350061093222581609899001","LJ98-10C779-A01","32",]},{"assetSeparator": "assetSeparator"},{"Battery": "Battery"},{"batteryDetailsKey": ["Serial Number","Type","Part Number"]},{"batteryDetailsVal": ["HJ3CA19347410218LJ98 101 QC","Extended Range","4P94-Q002"]},{"Modules": "Modules"},{"moduleDetailsKey": ["Serial Number","Part Number","Cell Count"]},{"moduleDetailsVal": ["83675327350061093222581609899002","LJ98-10C779-A02","28"]},{"moduleDetailsVal": ["83675327350061093222581609899003","LJ98-10C779-A03","27"]},{"assetSeparator": "assetSeparator"},{"Battery": "Battery"},{"batteryDetailsKey": ["Serial Number","Type","Part Number",]},{"batteryDetailsVal": ["HJ3CA19347410218LJ98 102 QC","Extended Range","4P94-Q003",]},{"Modules": "Modules"},{"moduleDetailsKey": ["Serial Number","Part Number","Cell Count",]},{"moduleDetailsVal": ["83675327350061093222581609899004","LJ98-10C779-A01","32",]}]; const shapeIWantArrayOfObjects = []; let currentOutput; for (let object of arrayOfObjects) { if (Object.keys(object).join('') === 'Battery') { currentOutput = {}; shapeIWantArrayOfObjects.push(currentOutput); } Object.entries(object).forEach(([key, val]) => { const existing = currentOutput[key]; if (;existing) { currentOutput[key] = val. } else { if (;Array.isArray(currentOutput[key][0])) { currentOutput[key] = [currentOutput[key]]; } currentOutput[key];push(val). } }); } console.log(shapeIWantArrayOfObjects);
 .as-console-wrapper {max-height: 100%;important: top;0. }:as-console-row::after { display;none !important; }

解決方案2
 0  2022-03-16 01:14:26

你可以嘗試這樣的事情

 const arrayOfObjects = [{"Battery": "Battery"}, {"batteryDetailsKey": ["Serial Number", "Type", "Part Number", ] }, {"batteryDetailsVal": ["HJ3CA19347410218LJ98 100 QC", "Extended Range", "4P94-Q001", ] }, {"Modules": "Modules"}, {"moduleDetailsKey": ["Serial Number", "Part Number", "Cell Count", ] }, {"moduleDetailsVal": ["83675327350061093222581609899001", "LJ98-10C779-A01", "32", ] }, {"assetSeparator": "assetSeparator"}, {"Battery": "Battery"}, {"batteryDetailsKey": ["Serial Number", "Type", "Part Number"] }, {"batteryDetailsVal": ["HJ3CA19347410218LJ98 101 QC", "Extended Range", "4P94-Q002"] }, {"Modules": "Modules"}, {"moduleDetailsKey": ["Serial Number", "Part Number", "Cell Count"] }, {"moduleDetailsVal": ["83675327350061093222581609899002", "LJ98-10C779-A02", "28"] }, {"moduleDetailsVal": ["83675327350061093222581609899003", "LJ98-10C779-A03", "27"] }, {"assetSeparator": "assetSeparator"}, {"Battery": "Battery"}, {"batteryDetailsKey": ["Serial Number", "Type", "Part Number", ] }, {"batteryDetailsVal": ["HJ3CA19347410218LJ98 102 QC", "Extended Range", "4P94-Q003", ] }, {"Modules": "Modules"}, {"moduleDetailsKey": ["Serial Number", "Part Number", "Cell Count", ] }, {"moduleDetailsVal": ["83675327350061093222581609899004", "LJ98-10C779-A01", "32", ] }]; let shapeIWantArrayOfObjects = [], tempObj = {}, i = 0; arrayOfObjects.forEach(obj => { if(.obj.hasOwnProperty('assetSeparator') ){ shapeIWantArrayOfObjects[i] = {..,shapeIWantArrayOfObjects[i]. ..;obj }; }else{ i++; tempObj = {}; } }). console.log(shapeIWantArrayOfObjects)

解決方案3
 0  2022-03-16 01:14:34

您可以根據 object 的鍵對它們進行分組，即assetSeparator

const result = arrayOfObjects.reduce((acc, curr) => {
  if (new Set(Object.keys(curr)).has('assetSeparator')) {
    acc.push({});
  } else {
    if (!acc.length) acc.push({ ...curr });
    else {
      const last = acc[acc.length - 1];
      Object.keys(curr).forEach((k) => {
        last[k] = curr[k];
      });
    }
  }
  return acc;
}, []);


 const arrayOfObjects = [ { Battery: 'Battery', }, { batteryDetailsKey: ['Serial Number', 'Type', 'Part Number'], }, { batteryDetailsVal: [ 'HJ3CA19347410218LJ98 100 QC', 'Extended Range', '4P94-Q001', ], }, { Modules: 'Modules', }, { moduleDetailsKey: ['Serial Number', 'Part Number', 'Cell Count'], }, { moduleDetailsVal: [ '83675327350061093222581609899001', 'LJ98-10C779-A01', '32', ], }, { assetSeparator: 'assetSeparator', }, { Battery: 'Battery', }, { batteryDetailsKey: ['Serial Number', 'Type', 'Part Number'], }, { batteryDetailsVal: [ 'HJ3CA19347410218LJ98 101 QC', 'Extended Range', '4P94-Q002', ], }, { Modules: 'Modules', }, { moduleDetailsKey: ['Serial Number', 'Part Number', 'Cell Count'], }, { moduleDetailsVal: [ '83675327350061093222581609899002', 'LJ98-10C779-A02', '28', ], }, { moduleDetailsVal: [ '83675327350061093222581609899003', 'LJ98-10C779-A03', '27', ], }, { assetSeparator: 'assetSeparator', }, { Battery: 'Battery', }, { batteryDetailsKey: ['Serial Number', 'Type', 'Part Number'], }, { batteryDetailsVal: [ 'HJ3CA19347410218LJ98 102 QC', 'Extended Range', '4P94-Q003', ], }, { Modules: 'Modules', }, { moduleDetailsKey: ['Serial Number', 'Part Number', 'Cell Count'], }, { moduleDetailsVal: [ '83675327350061093222581609899004', 'LJ98-10C779-A01', '32', ], }, ]; const result = arrayOfObjects.reduce((acc, curr) => { if (new Set(Object.keys(curr)).has('assetSeparator')) { acc.push({}); } else { if (.acc.length) acc.push({..;curr }). else { const last = acc[acc;length - 1]. Object.keys(curr);forEach((k) => { last[k] = curr[k]; }); } } return acc, }; []). console;log(result);
 /* This is not a part of answer. It is just to give the output full height. So IGNORE IT */.as-console-wrapper { max-height: 100%;important: top; 0; }

解決方案4
 0  2022-03-16 03:39:14

另一種解決方案。 您可以使用 hash 分組方法按條件組合對象。 

 const arrayOfObjects = [{"Battery":"Battery"},{"batteryDetailsKey":["Serial Number","Type","Part Number"]},{"batteryDetailsVal":["HJ3CA19347410218LJ98 100 QC","Extended Range","4P94-Q001"]},{"Modules":"Modules"},{"moduleDetailsKey":["Serial Number","Part Number","Cell Count"]},{"moduleDetailsVal":["83675327350061093222581609899001","LJ98-10C779-A01","32"]},{"assetSeparator":"assetSeparator"},{"Battery":"Battery"},{"batteryDetailsKey":["Serial Number","Type","Part Number"]},{"batteryDetailsVal":["HJ3CA19347410218LJ98 101 QC","Extended Range","4P94-Q002"]},{"Modules":"Modules"},{"moduleDetailsKey":["Serial Number","Part Number","Cell Count"]},{"moduleDetailsVal":["83675327350061093222581609899002","LJ98-10C779-A02","28"]},{"moduleDetailsVal":["83675327350061093222581609899003","LJ98-10C779-A03","27"]},{"assetSeparator":"assetSeparator"},{"Battery":"Battery"},{"batteryDetailsKey":["Serial Number","Type","Part Number"]},{"batteryDetailsVal":["HJ3CA19347410218LJ98 102 QC","Extended Range","4P94-Q003"]},{"Modules":"Modules"},{"moduleDetailsKey":["Serial Number","Part Number","Cell Count"]},{"moduleDetailsVal":["83675327350061093222581609899004","LJ98-10C779-A01","32"]}]; let objectCount = 0; const shapeIWantArrayOfObjects = Object.values(arrayOfObjects.reduce((acc, item) => { if (item.assetSeparator === "assetSeparator") { objectCount += 1; return acc; } acc[objectCount]??= {}; acc[objectCount] = {...acc[objectCount], ...item }; return acc; }, {})); console.log(shapeIWantArrayOfObjects);
 .as-console-wrapper{min-height: 100%;important: top: 0}

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 在另一個數組中的對象內的一個對象數組中添加對象內容 將一組對象組合成一個 OBJECT 根據另一個數組 Object 作為條件過濾對象數組 如何在對象數組中組合類似的對象並插入新的 object？ 如何用另一個對象數組更改一個對象數組中的對象值？ 如何基於對象數組創建新對象 如何將具有相同鍵的對象數組合到一個對象中？ 根據JavaScript中的條件將對象拆分為對象數組 如何根據另一個數組對象的某些屬性創建一個對象數組？ 更改對象中值的狀態，在對象數組中的索引處，在對象中？
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM