formatting an array of objects output

Question

I have an array of objects that I'm trying to get the output to display properly after using a filter and reduce.

It's outputting the data properly but not in the format I would like. Any input is much appreciated.

CURRENT OUTPUT

{
 5: 12,
 6: 15,
 7: 12,
 ...
}

EXPECTED OUTPUT

{
 session5-count: 12,
 session6-count: 15,
 session7-count: 12,
 ...
}

I'm sure this is something very simple and I haven't had lunch so could be blocking my thought process.

here is my formula and sample data

UPDATED FUNCTION

Thanks to alex-g & zfrisch

const sessionsArray = [
    { session: '5', status: 'inactive' },
    { session: '5', status: 'inactive' },
    { session: '5', status: 'inactive' },
    { session: '5', status: 'active' },
    { session: '5', status: 'active' },
    { session: '5', status: 'active' },
    { session: '5', status: 'active' },
    { session: '5', status: 'active' },
    { session: '5', status: 'active' },
    { session: '5', status: 'active' },
    { session: '5', status: 'active' },
    { session: '5', status: 'active' },
    { session: '6', status: 'active' },
    { session: '6', status: 'active' },
    { session: '7', status: 'inactive' },
    { session: '7', status: 'inactive' },
    { session: '7', status: 'inactive' },
    ];

const filteredSessions  = sessionsArray
    .reduce( (acc, {session, status}) => {

        if(status != 'active'){
           acc["session-" + session ] = 0
        }else{           
            acc["session-" + session ] =
            acc["session-" + session ] + 1 || 1
        } 
        
        return acc
    }, {}) 

console.log(filteredSessions )

I'm trying to follow along and use THIS S.O. ANSWER to help format my output

Alex G · Accepted Answer · 2018-12-13 20:11:09Z

2

You can use template strings to get the desired key format. Like this:

const sessionsArray = [
{ session: '5', status: 'inactive' },
{ session: '5', status: 'inactive' },
{ session: '5', status: 'inactive' },
{ session: '5', status: 'active' },
{ session: '5', status: 'active' },
{ session: '5', status: 'active' },
{ session: '5', status: 'active' },
{ session: '5', status: 'active' },
{ session: '5', status: 'active' },
{ session: '5', status: 'active' },
{ session: '5', status: 'active' },
{ session: '5', status: 'active' },
{ session: '6', status: 'active' },
{ session: '6', status: 'active' },
{ session: '7', status: 'inactive' },
{ session: '7', status: 'active' },
{ session: '7', status: 'active' },
];

const filteredSessions = sessionsArray
    .filter(workshop => workshop.status === 'active')
    .reduce( (acc, { session }) => {
        
        acc[`session${session}-count`] = acc[`session${session}-count`] + 1 || 1;
        
        return acc;
    }, {});

console.log(filteredSessions)

edited Dec 13, 2018 at 20:11

answered Dec 13, 2018 at 19:57

Alex G

1,9172 gold badges12 silver badges15 bronze badges

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

5 Comments

cpt-crunchy Over a year ago

Exactly what I needed!

zfrisch Over a year ago

as an aside, you can use destructuring to just grab the one property you need. A.e. .reduce((acc, {session}) =>

cpt-crunchy Over a year ago

Thats true @zfrisch . Thinking about this now. This does not account for if a session has all entries as 'inactive'. If I remove the filter function. Can I add a condition to return 0 within the reduce function?

zfrisch Over a year ago

@cpt-crunchy .reduce(acc, {session, status}) => { if(status != "active") return acc;

cpt-crunchy Over a year ago

I was just testing that out. Thanks @zfrisch

Collectives™ on Stack Overflow

formatting an array of objects output

1 Answer 1

5 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Linked

Related