JavaScript: Remove duplicates and count the number of unique properties in an array

Question

JavaScript: Remove duplicates and count the number of unique properties in an array

Arrays have always been a challenging aspect for me, so I would really appreciate any assistance. 😊

Complicating matters further, I need help with a WebOS application that has specific limitations:

JavaScript 5.0
The only additional library allowed is JQuery
No arrow functions (=>)

Here is an example of the array I have to work with:

var Schedule = [{
  "category": "Laboratory", "status": "COMPLETE" }, {
  "category": "Radiology" , "status": "COMPLETE" }, {
  "category": "Laboratory", "status": "SCHEDULED"}, {
  "category": "Laboratory", "status": "COMPLETE" }, {
  "category": "Radiology" , "status": "SCHEDULED"}, {
  "category": "Laboratory", "status": "COMPLETE" }, {
  "category": "Doppler"   , "status": "SCHEDULED"
}]

This is the desired format of the converted array:

var ScheduleFormatted = [{
  "category": "Laboratory", "complete": "3", "total": "4" }, {
  "category": "Radiology" , "complete": "1", "total": "2" }, {
  "category": "Doppler"   , "complete": "1", "total": "1" }, {
}]

It's important to note that I would like the incomplete categories to be listed first.

While I have managed to accomplish certain aspects like obtaining unique properties or counting instances by status, the overall complexity has me stuck.

Your help would be greatly appreciated.

javascript arrays sorting unique

Answer 1

Answer №1

One approach could involve creating lookup objects to store the count of total and completed items for each category:

 var totalItems = {}, completedItems = {};

 Schedule.forEach(function(item) {
    var category = item.category;
    totalItems[category] = (totalItems[category] || 0) + 1;
    if(item.status === "COMPLETED") 
      completedItems[category] = (completedItems[category] || 0) + 1;
 });

 var formattedSchedule = Object.keys(totalItems).map(function(category) {
    return { 
     category: category, 
     total: "" + totalItems[category],
     completed: "" + (completedItems[category] || 0)
   };
 });

Answer 2

One approach could involve creating lookup objects to store the count of total and completed items for each category:

 var totalItems = {}, completedItems = {};

 Schedule.forEach(function(item) {
    var category = item.category;
    totalItems[category] = (totalItems[category] || 0) + 1;
    if(item.status === "COMPLETED") 
      completedItems[category] = (completedItems[category] || 0) + 1;
 });

 var formattedSchedule = Object.keys(totalItems).map(function(category) {
    return { 
     category: category, 
     total: "" + totalItems[category],
     completed: "" + (completedItems[category] || 0)
   };
 });

JavaScript: Remove duplicates and count the number of unique properties in an array

Answer №1

Similar questions

How can I implement the vm. syntax using ControllerAs in my application?

Learning how to invoke a JavaScript function from a Ruby on Rails layout

Is there a way to make the text on my Bootstrap carousel come alive with animation effects?

Errors occur when using jQuery Autocomplete alongside Angular HTTP

The creation of an indexedDB database and the addition of content encountered an error while trying to perform a 'transaction' on the IDBDatabase

javascript close the current browser tab

Generate a two-dimensional array of pixel images using HTML5 canvas

Troubleshooting Socket.IO Communication: Client's emits not reaching server

Customize the default directory for local node modules installation in node.js using npm

Using AngularJS to hide elements within a nested dictionary structure

Sending parameters within ajax success function

Using Javascript code within functions.php

Having trouble retrieving the attribute of an appended element in jQuery?

Attach a Material-UI Popper component to a customized edge label in a React Flow

"Enjoy a unique browsing experience with a two-panel layout featuring a fixed right panel that appears after scrolling

Implementing a parallax scroll effect using CSS and dynamically updating the background-position value with JavaScript

Posting Form Data with Ajax in CodeIgniter

Is there a syntax error in Javascript when using a string and variable with the GET method?

Preventing page refresh with Javascript when clicking on CAPTCHA

A method in JQuery to replace an input with a select element is by using the replace