How to count the properties of an array of objects in JavaScript

Question

var employees = [
{ name: "Josh", title: "receptionist" },
{ name: "Naila", title: "receptionist" },
{ name: "Tom", title: "doctor" },
{ name: "Becky", title: "doctor" }
];

For example on this one I would like to return

{
    'doctor':2,
    'receptionist':2
}

This is what I have tried:

const convert = (employees) => {
    const res = {};
    employees.forEach((employee) => {
        const key = `${employee.title}${employee["doctor-receptionist"]}`;
            if (!res[key]) {
                res[key] = {...employee, count: 0 };
            };
            res[key].count += 1;
        });
    return Object.values(res);
};
console.log(convert(employees));

It returns the name of the employees, which I did not want. I also thought about creating arrays for each kind of job title and filtering each employee from the employee array, and pushing them to their respective arrays. But I feel like there must be an easier way.

employees.reduce( (a,e) => { (a[e.title] = (a[e.title] || 0)++); return a }, {}) — Tibrogargan
– Tibrogargan, Commented Nov 8, 2022 at 1:38

PeterKA · Accepted Answer · 2022-11-08 03:04:50Z

1

Array#reduce is the way to go:

const employees = [ { name: "Josh", title: "receptionist" }, { name: "Naila", title: "receptionist" }, { name: "Tom", title: "doctor" }, { name: "Becky", title: "doctor" } ],

    summary = employees
        .reduce((acc,{title}) => ({...acc,[title]:(acc[title] || 0) + 1}),{});
        
console.log( summary );

answered Nov 8, 2022 at 3:04

PeterKA

24.7k5 gold badges28 silver badges52 bronze badges

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

Comments

flyingfox · Accepted Answer · 2022-11-08 01:38:14Z

0

Just using reduce() can do it

var employees = [
  { name: "Josh", title: "receptionist" },
  { name: "Naila", title: "receptionist" },
  { name: "Tom", title: "doctor" },
  { name: "Becky", title: "doctor" }
]; 

let result = employees.reduce((a,c) =>{
   a[c.title] = a[c.title] ? a[c.title] + 1 : 1
  return a
},{})

console.log(result)

answered Nov 8, 2022 at 1:38

flyingfox

13.5k4 gold badges30 silver badges43 bronze badges

Comments

Kinglish · Accepted Answer · 2022-11-08 01:38:49Z

0

The reduce iterator was built for this kind of thing. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce

I also employ Object.values() since the way I am using reduce is to create an object to easily keep track of the data along the way. The object.values helps distill that into an array when done.

const employees = [
  { name: "Josh", title: "receptionist" },
  { name: "Naila", title: "receptionist" },
  { name: "Tom", title: "doctor" },
  { name: "Becky", title: "doctor" }];
  
const reduced = Object.values(employees.reduce((b,a) => {
if (!b[a.title]) b[a.title] = {title: a.title, count: 1}
else b[a.title].count++;
return b
},{}))

console.log(reduced);

answered Nov 8, 2022 at 1:38

Kinglish

23.7k4 gold badges25 silver badges43 bronze badges

Comments

aknadif · Accepted Answer · 2022-11-08 01:46:45Z

0

you can try this on your code

const employees = [
    { name: "Josh", title: "receptionist" },
    { name: "Naila", title: "receptionist" },
    { name: "Tom", title: "doctor" },
    { name: "Becky", title: "doctor" }
]  


const sumReceptionist = employees.filter((item)=>{
    return item.title === 'receptionist'
}).length
const sumDoctor = employees.filter((item)=>{
    return item.title === 'doctor'
}).length

let total =
    {
        receptionist: sumReceptionist,
        doctor: sumDoctor
    }

console.log(total)

answered Nov 8, 2022 at 1:46

aknadif

713 bronze badges

Comments

vnetkc · Accepted Answer · 2022-11-08 01:54:21Z

I think this is what you're trying to do. You want the total of the positions from the employee list?

const Employees = [{
    name: "Josh",
    title: "receptionist"
  },
  {
    name: "Naila",
    title: "receptionist"
  },
  {
    name: "Tom",
    title: "doctor"
  },
  {
    name: "Becky",
    title: "doctor"
  },
  {
    name: "Chad",
    title: "doctor"
  },
  {
    name: "Cindy",
    title: "nurse"
  }
];

// A forEach won't return an object or array, so we create one to modify within it
const PositionTotals = {};
Employees.forEach(employee => {
  // Check if property exists. If not, create it and add one to it before continuing loop
  if (!PositionTotals.hasOwnProperty(employee.title))
    return PositionTotals[employee.title] = 1;
  PositionTotals[employee.title]++;
})

console.log(PositionTotals);
$('#PositionTotals').html(JSON.stringify(PositionTotals, null, '\t'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<pre id="PositionTotals"></pre>

Collectives™ on Stack Overflow

How to count the properties of an array of objects in JavaScript

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related