将 object 转换为数组 object 但按键名字符数减少

Question

I have this object:

{
mainTitle: "xx",
press1: {text: "xx", linkUrl: "xx", linkText: "xx"}
press1imgs: [{…}, {…}]
press2: {text: "xx", linkUrl: "xx", linkText: "xx"}
press2imgs: [{…}, {…}]
press3: {text: "xx", linkUrl: "xx", linkText: "xx"}
press3imgs: [{…}, {…}]
press4: {text: "xx", linkUrl: "xx", linkText: "xx"}
press4imgs: [{…}, {…}]
press5: {text: "xx", linkUrl: "xx", linkText: "xx"}
press5imgs: [{…}, {…}]
press6: {text: "xx", linkUrl: "xx", linkText: "xx"}
press6imgs: [{…}, {…}]
}

I'd like to reduce it down to an array but put all the press1, press1imgs, press2, press2Imgs in the same index. If the number after press is the same, put into the same index, so in total there'll be 6 indexes, to be like this:

[
{text: "xx", linkUrl: "xx", linkText: "xx", img: [{…}, {…}]},
{text: "xx", linkUrl: "xx", linkText: "xx", img: [{…}, {…}]},
{text: "xx", linkUrl: "xx", linkText: "xx", img: [{…}, {…}]},
{text: "xx", linkUrl: "xx", linkText: "xx", img: [{…}, {…}]},
{text: "xx", linkUrl: "xx", linkText: "xx", img: [{…}, {…}]},
{text: "xx", linkUrl: "xx", linkText: "xx", img: [{…}, {…}]},
]

I was able to convert the object into an array and get the number from pressx , but then I get lost into how to proceed, with reduce, filter, map? My attempt:

 const mapped = Object.keys(this.content).map((key) => ({
    key: key,
    value: this.content[key],
  }));

  console.log(mapped);
  mapped.map((item) => {
    console.log(item.key.charAt(5));
    if (item.key.charAt(5)){

    }
  });

Answer 1

Because the keys are pretty dynamic, I'm doubtful that the array methods are a good choice here. I'd use a loop:

const input = this.content;
const results = [];
let i = 1;
while (input.hasOwnProperty('press' + i)) {
  results.push({
    ...input['press' + i],
    img: input['press' + i + 'imgs'],
  });
  i++;
}

Live snippet:

 const input = { mainTitle: "xx", press1: {text: "xx", linkUrl: "xx", linkText: "xx"}, press1imgs: [{}, {}], press2: {text: "xx", linkUrl: "xx", linkText: "xx"}, press2imgs: [{}, {}], press3: {text: "xx", linkUrl: "xx", linkText: "xx"}, press3imgs: [{}, {}], press4: {text: "xx", linkUrl: "xx", linkText: "xx"}, press4imgs: [{}, {}], press5: {text: "xx", linkUrl: "xx", linkText: "xx"}, press5imgs: [{}, {}], press6: {text: "xx", linkUrl: "xx", linkText: "xx"}, press6imgs: [{}, {}] } const results = []; let i = 1; while (input.hasOwnProperty('press' + i)) { results.push({...input['press' + i], img: input['press' + i + 'imgs'], }); i++; } console.log(results);