Organizing an array of items based on their attributes

Question

Organizing an array of items based on their attributes

I am currently facing a challenge with sorting an array of objects by their values. In order to achieve this, I am using the following code:

function compare(a,b){return dict[a]-dict[b]}
 Object.keys(dict).sort(compare)

This implementation works perfectly when all values are unique. However, when two objects share the same value, the sorting leaves them in their original order instead of arranging them alphabetically as I desire. Unfortunately, I have not been able to find a solution to address this issue.

The initial object {a:1, d:4, c:2, b:4, e:5, f:3} should be sorted as follows:

{a:1, c:2, f:3, b:4, d:4, e:5 }

But the current output that I am getting is:

{a:1, c:2, f:3, d:4, b:4, e:5 }

javascript arrays sorting

Answer 1

Answer №1

To enhance the compareFunction, consider incorporating localeCompare

dict[a] - dict[b] || a.localeCompare(b)

If the result of dict[a] - dict[b] is 0, it will then evaluate the keys alphabetically in the sorting process.

Check out this example snippet:

const dict = {a:1, d:4, c:2, b:4, e:5, f:3}

function compare(a, b) {
  return dict[a] - dict[b] || a.localeCompare(b)
}

const sorted = Object.keys(dict)
                      .sort(compare)
                      .reduce((acc, k) => (acc[k] = dict[k], acc), {})

console.log( sorted )

Answer 2

To enhance the compareFunction, consider incorporating localeCompare

dict[a] - dict[b] || a.localeCompare(b)

If the result of dict[a] - dict[b] is 0, it will then evaluate the keys alphabetically in the sorting process.

Check out this example snippet:

const dict = {a:1, d:4, c:2, b:4, e:5, f:3}

function compare(a, b) {
  return dict[a] - dict[b] || a.localeCompare(b)
}

const sorted = Object.keys(dict)
                      .sort(compare)
                      .reduce((acc, k) => (acc[k] = dict[k], acc), {})

console.log( sorted )

Answer 3

Answer №2

To determine the order of keys, compare them and check if the difference is zero

function sortKeys(a, b) {
  var difference = dictionary[a] - dictionary[b];
  return difference === 0 ? a.localeCompare(b) : difference;
}

const dictionary = {
  apple: 1,
  banana: 4,
  carrot: 2,
  cherry: 4,
  orange: 5,
  pear: 3
};

const sortedResult = Object.keys(dictionary).sort(sortKeys).reduce((obj, key) => ({
  ...obj,
  [key]: dictionary[key]
}), {});

console.log(sortedResult);

Answer 4

To determine the order of keys, compare them and check if the difference is zero

function sortKeys(a, b) {
  var difference = dictionary[a] - dictionary[b];
  return difference === 0 ? a.localeCompare(b) : difference;
}

const dictionary = {
  apple: 1,
  banana: 4,
  carrot: 2,
  cherry: 4,
  orange: 5,
  pear: 3
};

const sortedResult = Object.keys(dictionary).sort(sortKeys).reduce((obj, key) => ({
  ...obj,
  [key]: dictionary[key]
}), {});

console.log(sortedResult);

Organizing an array of items based on their attributes

Answer №1

Answer №2

Similar questions

Creating a Halo (external outline) for a circular sector in THREE.JS

Extract a property from a JSON object

Exploring TypeScript Decorators and the Intricacies of Circular Dependencies

Caution in React: Utilizing functions with Object.assign() may not be a valid approach when dealing with React children

Turn off the ability to view the content of .css and .js files within the browser

Tips for downloading a file in React using raw file data

Is the popup not opening with just one click?

Managing a two-dimensional array in AngularJS: tips and tricks

The vertexUv in three.js is currently undefined and needs to be

Is it possible to create two separate Express sessions simultaneously?

Unravel the base64 encoded message from JavaScript and process it in Python

Access an external URL from JSON data simply by utilizing VueJS

What is the best approach to dynamically implement useReducer in code?

Automatically adjusting the height of an iFrame using jQuery

Having difficulty executing the playwright tests

Sliding down with a delay using jQuery

Try incorporating "vector.applyQuaternion" or a similar method in your code within ammo.js

What is the best way to specify a function parameter as a Function type in TypeScript?

The module 'PublicModule' was declared unexpectedly within the 'AppModule' in the Angular 4 component structure

Creating a dynamic list filter using JavaScript and three select boxes