Total in nested array Vue

Question

I'm using vue-cli and I'm trying to figure out how I can get the total numbers of active in Tasks array.

Tasks: [ 
            {name: 'Sam',  available: [{active: 'yes', day:'Mon'},{active: 'yes', day:'Tues'}]},
            {name: 'Yoko', available: [{active: 'yes', day:'Mon'}]},
            {name: 'Alec', available: [{active: 'yes', day:'Wed'},{active: 'yes', day:'Thurs'}]},
            {name: 'Pat',  available: [{active: 'yes', day:'Tues'},{active: 'yes', day:'Thurs'} ]}
       ]
 
Expected output:
Total: 7

Any help would be great, thanks!

Daniel · Accepted Answer · 2020-07-15 14:51:18Z

2

You need iterate through tasks array, filter active items and sum it with reduce method:

const tasks = [ 
  {name: 'Sam',  available: [{active: 'yes', day:'Mon'},{active: 'yes', day:'Tues'}]},
  {name: 'Yoko', available: [{active: 'yes', day:'Mon'}]},
  {name: 'Alec', available: [{active: 'yes', day:'Wed'},{active: 'yes', day:'Thurs'}]},
  {name: 'Pat',  available: [{active: 'yes', day:'Tues'},{active: 'yes', day:'Thurs'} ]}
];

const total = tasks.reduce((sum, task) => {
    return sum + (task.available.filter(item => item.active === 'yes')).length
}, 0)

answered Jul 15, 2020 at 14:51

Daniel

2,7772 gold badges22 silver badges37 bronze badges

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

Collectives™ on Stack Overflow

Total in nested array Vue

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related