Underscore Js Find Unique Values In Array Of Objects Return Unique Items And Their Count

Are you looking to efficiently find unique values in an array of objects using Underscore.js? You're in the right place! In this article, we will guide you through a step-by-step process to accomplish this task seamlessly. By the end of this tutorial, you'll be able to effortlessly return unique items from your array of objects along with their counts.

Underscore.js is a powerful library that provides a plethora of functional programming helpers without extending any built-in objects. One of the useful functions it offers is `_.countBy()` to create a count of unique object properties within your array.

So, let's dive into the process of finding unique values in an array of objects using Underscore.js.

First things first, ensure that you have Underscore.js included in your project. If not, you can easily add it by including the library in your HTML or installing it through npm for Node.js projects.

Next, let's assume you have an array of objects like this:

Javascript

const items = [
  { id: 1, name: 'Apple' },
  { id: 2, name: 'Banana' },
  { id: 1, name: 'Apple' },
  { id: 3, name: 'Orange' },
  { id: 2, name: 'Banana' }
];

To find unique values in the 'name' property of each object along with their counts, you can use the `_.countBy()` function combined with `_.map()` and `_.pairs()` as follows:

Javascript

const uniqueItemsCount = _.chain(items)
    .countBy('name')
    .map((count, name) =&gt; ({ name, count }))
    .value();

console.log(uniqueItemsCount);

In this code snippet, `_.countBy('name')` groups the array of objects by the 'name' property and counts the occurrences of each unique 'name'. Then, `_.map()` transforms the object into an array of objects with 'name' and 'count' properties. Finally, `_.chain()` along with `value()` extracts the final result.

Now, when you run this code, you'll get an output showing the unique items along with their counts:

Javascript

[
  { name: 'Apple', count: 2 },
  { name: 'Banana', count: 2 },
  { name: 'Orange', count: 1 }
]

Congratulations! You have successfully found unique values in an array of objects using Underscore.js. This approach not only simplifies your code but also provides a clear insight into the distribution of unique items in your data.

In conclusion, Underscore.js offers powerful utilities like `_.countBy()` that can make complex operations like finding unique values in an array of objects a breeze. Keep exploring the functionalities Underscore.js provides to enhance your code and simplify your development workflow.

That's all for now. Happy coding!

Related posts:

Contact Info