Format a long array of js object separating dates to number and color relation to month to dates to numbers and respective colors

Question

let dates = {
              '2018/07/25': [['1','red'], ['1','orange'], ['3','blue']],
              '2018/07/26': [['2','black'], ['4','orange'], ['4','pink']],
              '2018/08/01': [['3','purple'], ['4','green']]
            }

The newObject expected is:

newObject = {
             '2018/07':{
                         '2018/07/25': {
                                         '1':['red','orange'],
                                         '3':['blue']
                                       },
                         '2018/07/26': {
                                         '2':['black'],
                                         '4':['orange','pink']
                                       }
                       },
             '2018/08':{
                         '2018/08/01': {
                                         '3':['purple'],
                                         '4':['green']
                                       }
                       }
             }

My code so far:

let newObject = {};

Object.keys(dates).forEach((onedate, index) => {
    let monthdate = onedate.slice(0,7)
    if (!newObject[monthdate]) {
        newObject[monthdate] = {};
    }    
    newObject[monthdate][onedate] = [...dates[onedate]];
});

The output of above code:

newObject = {
             "2018/07":{
                         "2018/07/25": [["1","red"],["1","orange"],["3","blue"]],
                         "2018/07/26": [["2","black"],["4","orange"],["4","pink"]]
                        },
             "2018/08":{
                         "2018/08/01": [["3","purple"],["4","green"]]
                       }
             }

I want to remove array in level 3 depth too. Also separate the first number maybe using Sets and have their respective relation to colors

"2018/07/25": [["1","red"],["1","orange"],["3","blue"]]

to

'2018/07/25': {'1':['red','orange'],'3':['blue']}

charlietfl · Accepted Answer · 2018-08-25 11:10:49Z

0

Can use a basic reduce() on the arrays to map them to object structure you want

let dates = {
              '2018/07/25': [['1','red'], ['1','orange'], ['3','blue']],
              '2018/07/26': [['2','black'], ['4','orange'], ['4','pink']],
              '2018/08/01': [['3','purple'], ['4','green']]
            }
            
let newObject = {};

Object.keys(dates).forEach((onedate, index) => {
    let monthdate = onedate.slice(0,7)
    if (!newObject[monthdate]) {
        newObject[monthdate] = {};
    }    
    newObject[monthdate][onedate] = dates[onedate].reduce((a,c)=>{
        a[c[0]] = a[c[0]] || [];
        a[c[0]].push(c[1])
        return a;
    },{})
});

console.log(newObject)

edited Aug 25, 2018 at 11:10

answered Aug 25, 2018 at 10:57

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

Comments

Baboo · Accepted Answer · 2018-08-25 11:01:58Z

You're really close to find the solution. Here is how you can do it using a reducer:

let dates = {
  '2018/07/25': [['1','red'], ['1','orange'], ['3','blue']],
  '2018/07/26': [['2','black'], ['4','orange'], ['4','pink']],
  '2018/08/01': [['3','purple'], ['4','green']]
};

let newObject = {};

Object.keys(dates).forEach((onedate, index) => {
  const colors = dates[onedate];

  const colorsMap = colors.reduce((accumulator, [monthId, color]) => {
    accumulator[monthId] = accumulator[monthId] === undefined ? [] : accumulator[monthId];
    accumulator[monthId].push(color);
    return accumulator;
  }, Object.create(null));

  let monthdate = onedate.slice(0,7)
  if (!newObject[monthdate]) {
    newObject[monthdate] = {};
  }
  newObject[monthdate][onedate] = colorsMap;
});

console.log(newObject)

Collectives™ on Stack Overflow

Format a long array of js object separating dates to number and color relation to month to dates to numbers and respective colors

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related