Ordering an array based on two integer properties using JavaScript

Question

Ordering an array based on two integer properties using JavaScript

Here is an array of objects I am working with:

const items = [
    { name: "Different Item", amount: 100, matches: 2 },
    { name: "Different Item", amount: 100, matches: 2 },
    { name: "An Item", amount: 100, matches: 1 },
    { name: "Different Item", amount: 30, matches: 2 }
]

I have a requirement to sort these objects based on both the matches and amount properties. The expected result after sorting should be as follows:

[
    { name: "Different Item", amount: 100, matches: 2 },
    { name: "Different Item", amount: 100, matches: 2 },
    { name: "Different Item", amount: 30, matches: 2 },
    { name: "An Item", amount: 100, matches: 1 }
]

The primary sorting criteria is based on the matches property, followed by sorting based on the amount property within each group of identical matches. While I am aware that we can individually sort by either matches or amount, such as:

items.sort((a, b) => a.matches - b.matches);

I need guidance on how to perform sorting based on both properties simultaneously.

javascript arrays sorting

Answer 1

Answer №1

To sort objects based on criteria, you can utilize the `Array#sort` method. This will order the objects first by `matches` and then by `amount`.

const items = [
    { name: "Different Item", amount: 90, matches: 2 },
    { name: "Different Item", amount: 100, matches: 1 },
    { name: "An Item", amount: 80, matches: 1 },
    { name: "Different Item", amount: 30, matches: 2 },
    { name: "Different Item", amount: 40, matches: 1 },
    { name: "Different Item", amount: 50, matches: 1 },
    { name: "An Item", amount: 10, matches: 1 },
    { name: "Different Item", amount: 20, matches: 2 },
];

const sortedItems = [...items].sort((a, b) => b.matches - a.matches || b.amount - a.amount);

console.log(sortedItems);

Answer 2

To sort objects based on criteria, you can utilize the `Array#sort` method. This will order the objects first by `matches` and then by `amount`.

const items = [
    { name: "Different Item", amount: 90, matches: 2 },
    { name: "Different Item", amount: 100, matches: 1 },
    { name: "An Item", amount: 80, matches: 1 },
    { name: "Different Item", amount: 30, matches: 2 },
    { name: "Different Item", amount: 40, matches: 1 },
    { name: "Different Item", amount: 50, matches: 1 },
    { name: "An Item", amount: 10, matches: 1 },
    { name: "Different Item", amount: 20, matches: 2 },
];

const sortedItems = [...items].sort((a, b) => b.matches - a.matches || b.amount - a.amount);

console.log(sortedItems);

Answer 3

Answer №2

To demonstrate sorting based on two criteria using Array#sort, an alternative approach could be:

const items = [
    { name: "Different Item", amount: 100, matches: 2 },
    { name: "Different Item", amount: 100, matches: 2 },
    { name: "An Item", amount: 100, matches: 1 },
    { name: "Different Item", amount: 30, matches: 2 }
]

const result = items.sort((a, b) => {
  
  const matches = b.matches - a.matches;
  
  // If a.matches and b.matches are not the same,
  // arrange this pair of a and b elements by
  // matches in descending order
  if(matches !== 0) {
    return matches;
  }
  
  // In cases where the a and b pair have equal matches value,
  // sort them based on secondary criterion; 
  // amount in descending order
  return b.amount - a.amount;
});

console.log(result);

Answer 4

To demonstrate sorting based on two criteria using Array#sort, an alternative approach could be:

const items = [
    { name: "Different Item", amount: 100, matches: 2 },
    { name: "Different Item", amount: 100, matches: 2 },
    { name: "An Item", amount: 100, matches: 1 },
    { name: "Different Item", amount: 30, matches: 2 }
]

const result = items.sort((a, b) => {
  
  const matches = b.matches - a.matches;
  
  // If a.matches and b.matches are not the same,
  // arrange this pair of a and b elements by
  // matches in descending order
  if(matches !== 0) {
    return matches;
  }
  
  // In cases where the a and b pair have equal matches value,
  // sort them based on secondary criterion; 
  // amount in descending order
  return b.amount - a.amount;
});

console.log(result);

Ordering an array based on two integer properties using JavaScript

Answer №1

Answer №2

Similar questions

Generate Material UI sidebar components that are positioned above all other components

The response of the Typescript Subscription function

Getting the value of a button using JavaScript

Verifying if a number is present in a textbox when inserting text (without using setTimeout)

Creating routes in Node.js after setting up middleware

Can you explain the distinction in JavaScript between declaring a variable with `var a = xyz[]` versus `var a = xyz

Unselect all checkboxes except for the one that was clicked

Problem encountered with the JavaScript for loop failing to execute consistently on each iteration

Ways to enhance the data for my YouTube video uploads version 3

"Access Denied: Error 403 - Forbidden" encountered during the CSS minification and bundling process in ASP.NET Web Forms

Exploring the intricacies of mapping an Array of Arrays

What is the process for inserting text within a .data() method?

I'm struggling to make this script replace the values within the table

Displaying a div upon hovering over another div is resulting in numerous server requests and a flickering effect

Run a JavaScript function once the one before it has finished executing

Ensuring the accuracy of nested objects through class validator in combination with nestjs

Implement feature to enable selection using jQuery

Creating a smooth JQUERY fade slideshow with seamless transitions, no white gaps in

The chart refreshes whenever there is a change in the component's state

Ensuring the canvas fits perfectly within its parent div