Rearrange items based on multiple criteria - initial sorting by an additional array followed by sorting by a different property within

Question

Rearrange items based on multiple criteria - initial sorting by an additional array followed by sorting by a different property within

I have an array of objects that I need to sort in a specific manner. First, I want items with the code 'c' to come first, followed by 'y', and then 's'. Within each group (c, y, s), they should be sorted based on the counter values. For example, for code 'c', it should be sorted by the counter i.e. c- counter 1, c- counter 2.

var data = [ 
    { age:7, counter: 1, code: 'c'},
    { age:5, counter: 2, code: 'c'},
    { age:4, counter: 3, code: 'c'},
    { age:19, counter: 2, code: 'y'},
    { age:22, counter: 1, code: 'y'},
    { age:57, counter: 1, code: 's'},
    { age:80, counter: 2, code: 's'}
]

After searching on SO, I was able to sort by 'c', 'y', 's' using the following code snippet. However, I'm stuck at sorting by the 'counter' values within each category. Can anyone help me achieve this nested sorting?

var order = ['c','y','s'];
data.sort(function(a,b){
    return order.indexOf(a.code) < order.indexOf(b.code) ? -1 : 1;
})

javascript arrays sorting

Answer 1

Answer №1

To organize the data based on the code, you can utilize an object and then arrange it by count.

var items = [{ name: 'apple', quantity: 1, code: 'a' }, { name: 'banana', quantity: 4, code: 'b' }, { name: 'orange', quantity: 3, code: 'o' }, { name: 'kiwi', quantity: 2, code: 'k' }];

items.sort(function (x, y) {
    var order = { a: 1, b: 2, o: 3, k: 4 };
    return order[x.code] - order[y.code] || x.quantity - y.quantity;
});

console.log(items);

Answer 2

To organize the data based on the code, you can utilize an object and then arrange it by count.

var items = [{ name: 'apple', quantity: 1, code: 'a' }, { name: 'banana', quantity: 4, code: 'b' }, { name: 'orange', quantity: 3, code: 'o' }, { name: 'kiwi', quantity: 2, code: 'k' }];

items.sort(function (x, y) {
    var order = { a: 1, b: 2, o: 3, k: 4 };
    return order[x.code] - order[y.code] || x.quantity - y.quantity;
});

console.log(items);

Answer 3

Answer №2

To ensure correct functionality, make sure to define the array as:

var sequence = ['b', 'z', 'm'];

If 'b', 'z' and 'm' are not constants, they should be declared as variables.

In addition, it is important to compare the counter variables when codes are identical:

data.sort(function(x,y){
   if ( x.code == y.code )
   {
        return x.counter - y.counter;
   }
   else
   {
       return sequence.indexOf(x.code) - sequence.indexOf(y.code);
   }
})

Answer 4

To ensure correct functionality, make sure to define the array as:

var sequence = ['b', 'z', 'm'];

If 'b', 'z' and 'm' are not constants, they should be declared as variables.

In addition, it is important to compare the counter variables when codes are identical:

data.sort(function(x,y){
   if ( x.code == y.code )
   {
        return x.counter - y.counter;
   }
   else
   {
       return sequence.indexOf(x.code) - sequence.indexOf(y.code);
   }
})

Answer 5

Answer №3

Here's a neat method for organizing data based on a counter:

var sequence = [ 'c', 'y', 's' ];

data.sort(function (first, second) {
    var result;

    if (sequence.indexOf(first.code) === sequence.indexOf(second.code))
    {
        result = first.counter - second.counter;
    } else {
        result = sequence.indexOf(first.code) - sequence.indexOf(second.code);
    }

    return result;
});

Answer 6

Here's a neat method for organizing data based on a counter:

var sequence = [ 'c', 'y', 's' ];

data.sort(function (first, second) {
    var result;

    if (sequence.indexOf(first.code) === sequence.indexOf(second.code))
    {
        result = first.counter - second.counter;
    } else {
        result = sequence.indexOf(first.code) - sequence.indexOf(second.code);
    }

    return result;
});

Answer 7

Answer №4

This method provides a dynamic way to compare conditions one after another.

var data = [{ age: 7, counter: 1, code: 'c' }, { age: 5, counter: 2, code: 'c' }, { age: 4, counter: 3, code: 'c' }, { age: 19, counter: 2, code: 'y' }, { age: 22, counter: 1, code: 'y' }, { age: 57, counter: 1, code: 's' }, { age: 80, counter: 2, code: 's' }];

Array.prototype.orderBy = function(...expresions) {
  var arr = this;
  return this.sort((a, b) => {
    var result;
    expresions.every(ex => (result = ex(a) - ex(b)) === 0)
    return result;
  });
}

var codeOrder = {
  c: 1,
  y: 2,
  s: 3
};
var result = data
  .orderBy(i => codeOrder[i.code], i => i.counter)
console.log(result);

Operation Details

Here's how it functions:

dataArray.sortBy(ex1[, ex2[, ex3]])

Each argument in this method is a function that takes an item from dataArray as input and returns a number corresponding to that item. If any expressions yield the same value for adjacent items, evaluation continues with the next expression until they produce different results or there are no more expressions left to test.

Answer 8

This method provides a dynamic way to compare conditions one after another.

var data = [{ age: 7, counter: 1, code: 'c' }, { age: 5, counter: 2, code: 'c' }, { age: 4, counter: 3, code: 'c' }, { age: 19, counter: 2, code: 'y' }, { age: 22, counter: 1, code: 'y' }, { age: 57, counter: 1, code: 's' }, { age: 80, counter: 2, code: 's' }];

Array.prototype.orderBy = function(...expresions) {
  var arr = this;
  return this.sort((a, b) => {
    var result;
    expresions.every(ex => (result = ex(a) - ex(b)) === 0)
    return result;
  });
}

var codeOrder = {
  c: 1,
  y: 2,
  s: 3
};
var result = data
  .orderBy(i => codeOrder[i.code], i => i.counter)
console.log(result);

Operation Details

Here's how it functions:

dataArray.sortBy(ex1[, ex2[, ex3]])

Each argument in this method is a function that takes an item from dataArray as input and returns a number corresponding to that item. If any expressions yield the same value for adjacent items, evaluation continues with the next expression until they produce different results or there are no more expressions left to test.

Rearrange items based on multiple criteria - initial sorting by an additional array followed by sorting by a different property within

Answer №1

Answer №2

Answer №3

Answer №4

Operation Details

Similar questions

Retrieve information from a deep array structure

Searching for a specific bus stop within an array based on a designated route

Verify if there are multiple elements sharing the same class and initiate a certain action

Discovering the Newest Product Updates through API Integration

Is there a way to export a single page in NextJS?

Using THREE Js to rotate a mesh on the Y-axis towards a targeted vector location

I am repeatedly encountering the Firebase error message stating that a Firebase App named '[DEFAULT]' already exists due to a duplicate app (app/duplicate-app)

Deploying a React App to Github Pages Results in a Blank Screen

CSS transition fails to revert

Initiate and terminate server using supertest

When the add button is clicked, I would like to implement a feature where a checkbox is added

Transfer the value of a JavaScript variable to a PHP variable

Enhance the user experience by implementing a smooth transition effect when loading new pages

The value from the textbox is not being received by the JavaScript and PHP

Ways to retrieve the content from an element embedded within a hyperlink using Python

How can I showcase a variety of movie clips and keep them updated in real-time?

Information regarding Django and managing static files during deployment through pythonanywhere

How to create a redirect on a webpage using HTML and JavaScript based on a specified date

The value of the variable remains static within the axios then method

Show the contents of a JSON file using Vue