我有一組物件,我需要根據某些條件進行展平/簡化/組合。下面是我當前的物件陣列的形狀:
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' ]
}
]
如您所見,我基本上想將模塊和電池詳細資訊組合到一個物件中,然后您可以看到,一旦我點擊{"assetSeparator": "assetSeparator"}. 這就像我的條件告訴我資產已經被合并,現在是時候合并下一個了,幾乎可以把它想象成string.split("assetSeparator")
有人可以告訴我如何實作這一點,我已經嘗試過Object.assign({}, ...arrayOfObjects),但這并沒有完全實作我想要的,而且我無法檢測到{"assetSeparator": "assetSeparator"}使用傳播運算子。
I've also tried doing a reduce arrayOfObjects.reduce(function(result, current) { return Object.assign(result, current); }, {}) but because it's accumulating an object, it's just override object properties with the same keys. Please help.
uj5u.com熱心網友回復:
請注意,您所需的輸出是不可能的 - 但如果有多個物件具有相同的鍵,則輸出可能具有該鍵的一組值- 請參閱代碼
如果原始陣列中的每組專案都以具有單個鍵“電池”的物件開頭 - 那么這將為您執行 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; }
uj5u.com熱心網友回復:
您可以根據物件的鍵對它們進行分組,即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; }
uj5u.com熱心網友回復:
你可以試試這樣的
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)
uj5u.com熱心網友回復:
另一種解決方案。您可以使用哈希分組方法按條件組合物件。
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}
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/444844.html
標籤:javascript arrays data-structures ecmascript-6 iteration
