How to insert object of label and value inside array

Question

I have this data:

let array = [
  {name:"20220503",num:"0900"}
  {name:"20220503",num:"1500"},{name:"20220503",num:"1700"},
  {name:"20220504",num:"2000"}, {name:"20220505",num:"1100"}, 
  {name:"20220505",num:"1300"}
];

I want to make it become like this:

{ 
'20220503':
   { 
     list: [ '0900', '1500', '1700' ],
     data: [
     {
       label: 0900
       value: 0900
     }, 
     {
       label: 1500
       value: 1500
     }, 
     {
       label: 1700
       value: 1700
     }
    ]
   },

'20220504': 
    { 
        list: [ '2000' ],
        data: [
         {
           label: 2000
           value: 2000
         },
        ]
    },

'20220505': 
    { 
    list: [ '1100', '1300' ], 
    data: [
         {
           label: 1100
           value: 1100
         }, 
         {
           label: 1300
           value: 1300
         },
       ]
    }
}

This is what i have done so far:

let array = [
   {date:"20220503",time:"0900"},
    {date:"20220503",time:"1500"},
    {date:"20220503",time:"1700"},
    {date:"20220504",time:"2000"},
    {date:"20220505",time:"1100"},
    {date:"20220505",time:"1300"},
    {date:"20220506",time:"100"},
    {date:"20220507",time:"5300"},
    {date:"20220507",time:"90100"},
    {date:"20220509",time:"2100"}
]
let result = array.reduce((acc,{date,time}) => {
    acc[date] = acc[date] || {list:[], data:[]}
    acc[date].list.push(time)
    acc[date].data.push(time)
    
    return acc;
},{})

console.log(result)

But i only get result like this:

{
  '20220503': {
    list: [
      '0900',
      '1500',
      '1700'
    ],
    data: [
      '0900',
      '1500',
      '1700'
    ]
  },
  '20220504': {
    list: [
      '2000'
    ],
    data: [
      '2000'
    ]
  },
  '20220505': {
    list: [
      '1100',
      '1300'
    ],
    data: [
      '1100',
      '1300'
    ]
  },
}

I am using Javascript

As far as I can tell all that's missing is changing acc[date].data.push(time) into acc[date].data.push({ label: time, value: time }), no? — user5734311
– user5734311, Commented Aug 24, 2022 at 7:23
Yes, you are right. Thank you so much. Now I understand how to insert the label and value. @ChrisG — user19835203
– user19835203, Commented Aug 24, 2022 at 8:04

Davi · Accepted Answer · 2022-08-24 07:48:25Z

1

As @ChrisG already pointed out, you just have to change the acc[date].data.push line. And parse the strings into actual numbers:

let array = [
   {date:"20220503",time:"0900"},
    {date:"20220503",time:"1500"},
    {date:"20220503",time:"1700"},
    {date:"20220504",time:"2000"},
    {date:"20220505",time:"1100"},
    {date:"20220505",time:"1300"},
    {date:"20220506",time:"100"},
    {date:"20220507",time:"5300"},
    {date:"20220507",time:"90100"},
    {date:"20220509",time:"2100"}
]
let result = array.reduce((acc,{date,time}) => {
    acc[date] = acc[date] || {list:[], data:[]}
    acc[date].list.push(time)
    acc[date].data.push({ label: Number(time), value: Number(time) }); // <-- here
    
    return acc;
},{})

console.log(result)

answered Aug 24, 2022 at 7:48

Davi

4,3531 gold badge18 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user19835203 Over a year ago

Yes this is correct, thank you so much :)

Davi Over a year ago

In that case, please accept the answer so that others can benefit if they have the same problem.

Collectives™ on Stack Overflow

How to insert object of label and value inside array

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related