Organize and categorize items

Question

Organize and categorize items

I need help sorting an object displayed below. My goal is to calculate the sum of all rating properties for each object, and then sort the objects based on the highest total rating.

For instance, if the total rating for Intro 1 is 7 and for Intro 2 is 3, then Intro 1 should be listed first.

{
  'Intro 2': [
    {
      deckName: 'Test 2',
      rating: 1
    },
    {
      deckName: 'Test 2',
      rating: 2
    }
  ],
  'Intro 1': [
    {
      deckName: 'Test 1',
      rating: 3
    },
    {
      deckName: 'Test 1',
      rating: 4
    }
  ]
}

javascript arrays sorting

Answer 1

Answer №1

Your information is here

const data = {
  "Introduction 2": [
    {
      deckName: "Test 2",
      rating: 1
    },
    {
      deckName: "Test 2",
      rating: 2
    }
  ],
  "Introduction 1": [
    {
      deckName: "Test 1",
      rating: 3
    },
    {
      deckName: "Test 1",
      rating: 4
    }
  ]
};

We will convert it to an array and sort through it

const dataArr = Object.entries(data);

const sorted = dataArr.sort(
  (a, b) =>
    b[1].reduce((acc, curr) => {
      return acc + curr.rating;
    }, 0) -
    a[1].reduce((acc, curr) => {
      return acc + curr.rating;
    }, 0)
);

Lastly, we will convert the array back to an object

const obj = {};

sorted.forEach((item) => {
  obj[item[0]] = item[1];
});

Take a look at Code Sandbox for reference: https://codesandbox.io/s/sleepy-ramanujan-dwzwjm?file=/src/index.js

UPDATE
There is a more elegant solution for converting array to object in the last step

const obj = Object.fromEntries(sorted);

Answer 2

Your information is here

const data = {
  "Introduction 2": [
    {
      deckName: "Test 2",
      rating: 1
    },
    {
      deckName: "Test 2",
      rating: 2
    }
  ],
  "Introduction 1": [
    {
      deckName: "Test 1",
      rating: 3
    },
    {
      deckName: "Test 1",
      rating: 4
    }
  ]
};

We will convert it to an array and sort through it

const dataArr = Object.entries(data);

const sorted = dataArr.sort(
  (a, b) =>
    b[1].reduce((acc, curr) => {
      return acc + curr.rating;
    }, 0) -
    a[1].reduce((acc, curr) => {
      return acc + curr.rating;
    }, 0)
);

Lastly, we will convert the array back to an object

const obj = {};

sorted.forEach((item) => {
  obj[item[0]] = item[1];
});

Take a look at Code Sandbox for reference: https://codesandbox.io/s/sleepy-ramanujan-dwzwjm?file=/src/index.js

UPDATE
There is a more elegant solution for converting array to object in the last step

const obj = Object.fromEntries(sorted);

Organize and categorize items

Answer №1

Similar questions

Guide on sending JSON object to Angular custom components

Issue with Flex property not being supported in Safari browser

Find elements that are not contained within an element with a specific class

Is there a C++ equivalent to the JS Array.prototype.map method?

Exploring Heroes in Angular 2: Retrieving Object Information by Clicking on <li> Items

Traverse a deeply nested JSON structure

Verify if the value present in the array exists and is less than the succeeding value within the same array

Determine the precise location of a screen element with jQuery

Understanding how types intersect in TypeScript

Saving data for editing on a Laravel page can be achieved by leveraging the powerful features

Utilize a loop to display the contents of an array

Utilizing shared data properties in both JavaScript and SCSS within Vue

Angular - Evaluating the differences between the object model and the original model value within the view

The Web Browser is organizing CSS elements in an alphabetized sequence

React: Avoid the visible display of conditional rendering component fluctuations

Easily adding multiple field data with the same field name into a database can be achieved using Mongoose and Node.js (specifically Express

Guide on leveraging npm start to compile ES6 React components and Foundation Sass

Exploring the option of showcasing multiple json_encode data on a pie chart

Browser tries to interpret Javascript code as a file organization system

Enabling ng-disabled within an ng-repeat loop