Sorting a targeted section of an already organized 2D Array based on updated values, solely if the initial sorted values align in Javascript

Question

Sorting a targeted section of an already organized 2D Array based on updated values, solely if the initial sorted values align in Javascript

A challenging scenario I need help with involves an array containing objects, each with a score and a rank as shown below:

    [
        { "score": 20, "rank": 12 }, 
        { "score": 20, "rank": 7 },
        { "score": 34, "rank": 4 }
    ]

To begin with, I must organize this array in descending order based on the score and then store it in a 2-dimensional array.

    [34, 4]
    [20, 12]
    [20, 7]

However, the challenge arises when there are multiple objects with the same score. In such cases, I want to further sort them based on their ranks, with the object having the lowest rank having a smaller index number. This should result in the following arrangement:

    [34, 4]
    [20, 7]
    [20, 12]

Despite attempting various methods, I have not been able to find a satisfactory solution to achieve this sorting. Any assistance on this matter would be greatly appreciated.

javascript arrays

Answer 1

Answer №1

To determine the difference between the score of two objects, we first check if it is equal to 0. If it is, then we return the difference between their rank. Otherwise, we return the difference between their score.

const arr = [
    { "score": 20, "rank": 12 }, 
    { "score": 20, "rank": 7 },
    { "score": 34, "rank": 4 }
]

let res = [...arr]
             .sort((a,b) => (b.score - a.score) || (a.rank - b.rank))
             .map(x => [x.score,x.rank]);
console.log(res)

Answer 2

To determine the difference between the score of two objects, we first check if it is equal to 0. If it is, then we return the difference between their rank. Otherwise, we return the difference between their score.

const arr = [
    { "score": 20, "rank": 12 }, 
    { "score": 20, "rank": 7 },
    { "score": 34, "rank": 4 }
]

let res = [...arr]
             .sort((a,b) => (b.score - a.score) || (a.rank - b.rank))
             .map(x => [x.score,x.rank]);
console.log(res)

Answer 3

Answer №2

All you need to do is utilize the power of lodash to order your data by two different fields.

Answer 4

All you need to do is utilize the power of lodash to order your data by two different fields.

Answer 5

Answer №3

To simplify the array, you can first organize it and then apply the Object.values method using the map function:

const arr = [
    { "score": 20, "rank": 12 }, 
    { "score": 20, "rank": 7 },
    { "score": 34, "rank": 4 }
]

let result = arr.sort((a,b) => (b.score - a.score) || (a.rank - b.rank))
  .map(x => Object.values(x))

console.log(result)

Answer 6

To simplify the array, you can first organize it and then apply the Object.values method using the map function:

const arr = [
    { "score": 20, "rank": 12 }, 
    { "score": 20, "rank": 7 },
    { "score": 34, "rank": 4 }
]

let result = arr.sort((a,b) => (b.score - a.score) || (a.rank - b.rank))
  .map(x => Object.values(x))

console.log(result)

Sorting a targeted section of an already organized 2D Array based on updated values, solely if the initial sorted values align in Javascript

Answer №1

Answer №2

Answer №3

Similar questions

What is the most efficient way to enable seamless communication between sibling components in Vue.js 2?

What is the best way to navigate back on a button click in jquery AJAX without causing a page refresh?

Exploring a JSON file to generate a customized array for implementing autocomplete functionality in jQuery

What are the steps to rejuvenate a liferay portlet?

Understanding Aspect Ratios in CSS for Div Containers and their Components

Troubleshooting problem with JSON array value in Petfinder's AJAX request

PHP: Exploring the Process of Iterating Through an Array with Nested Arrays for Database Insertion

Retrieve the array of strings from the current activity and pass the chosen item to a different activity on an Android

When a radio button is chosen, multiple text fields must be completed in order to validate the form

This issue with ng-include not functioning properly in Chrome but working fine in Firefox

Iterate over the JSON data and evaluate the timestamps for comparison

What is the process for displaying a document file in an iframe that is returned from a link's action?

In what cases does modelObject.save() update a database document aside from when the modelObject was retrieved from the database?

Using regular expressions to replace all special characters, excluding dots

Looking for a straightforward way to incorporate a "Read more" and "Show Less" functionality into a Wordpress site using Javascript?

Start a Draft.js Editor that includes an unordered list feature

Performing simultaneous updates to multiple records using CAML/jQuery in Sharepoint (Batch updates)

Refresh the DIV element that houses dynamically generated <ul> HTML content after submitting new inputs

Implementing Object.somefunction() in ngFor with Angular

When using Node.js, Express.js, and MongoDB, ensure that the route.post() function is provided with proper callback functions instead of