堆栈内存溢出
  繁体   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