Javascript sort array of objects by user supplied value in array [duplicate]

Question

This is not a duplicate because I want to select the order based on the chosen category by the user.

Trying to sort an array of objects by category array field i.e sort by user selected category from maybe a selected list.

Any help would be much appreciated.

var users = [
  { 'user': 'barne1y', 'age': 34, 'category':['a','b','c','d','e']},
  { 'user': 'fred',   'age': 40, 'category':['a','b','c','d']},
  { 'user': 'fred',   'age': 48, 'category':['a','b'] },
  { 'user': 'barney', 'age': 36, 'category':['a','b','c']}
];

example: I have a list of users that can be appear in multiple categories as shown in the json data above then in the UI I have a selected list with all the possible categories e.g.

<select><option>a</option><option>b</option><option>c</option><option>d</option></select>

When an option e.g a is selected the data is then sorted using that value found in the category.

Are you sure you want the value of category to be an array whose single value is a comma-delimited string? In other words, do you not mean ['a', 'b']? Are these values to be involved in the sort? — user663031
– user663031, Commented Feb 7, 2017 at 1:34

hackerrdave · Accepted Answer · 2017-02-07 01:33:11Z

0

You can sort this collection by using Array.prototype.sort() and passing in a compare function:

var users = [
  { 'user': 'barne1y', 'age': 34, 'category':['a,b,c,d,e']},
  { 'user': 'fred',   'age': 40, 'category':['a,b,c,d']},
  { 'user': 'fred',   'age': 48, 'category':['a,b'] },
  { 'user': 'barney', 'age': 36, 'category':['a,b,c']}
]; 

var sortedUsers = users.sort(sortByAge);

function sortByAge(a, b) {
  return a.age - b.age;
}

answered Feb 7, 2017 at 1:33

hackerrdave

6,7362 gold badges27 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

kdev Over a year ago

that was a typo @hackerrdave I have since corrected it.

kdev Over a year ago

if it was sort by age it would be a duplicate but i wanted to sort by category value coming from the user

ibrahim mahrir · Accepted Answer · 2017-02-07 01:40:01Z

0

var users = [
  { 'user': 'barne1y', 'age': 34, 'category':['a','b','c','d','e']},
  { 'user': 'fred',   'age': 40, 'category':['a','b','c','d']},
  { 'user': 'fred',   'age': 48, 'category':['a','b'] },
  { 'user': 'barney', 'age': 36, 'category':['a','b','c']}
];

users.sort(function(a, b) {
  return a.category.length - b.category.length; // reverse the order if you want descending sort
});

console.log(users);

answered Feb 7, 2017 at 1:40

ibrahim mahrir

31.8k5 gold badges50 silver badges78 bronze badges

6 Comments

kdev Over a year ago

thanks @ibrahim mahrir for your solution but the problem I had was that I wanted to want to sort via a value selected from a dropdown list.

ibrahim mahrir Over a year ago

@kdev check the link for the duplicate. It has what you need!

kdev Over a year ago

its not a duplicate since want to sort by category value coming from the user

ibrahim mahrir Over a year ago

@kdev Post some example. The question still a little bit foggy!

ibrahim mahrir Over a year ago

@kdev do you mean filter? (i.e show only the users that have that category)?

|

Collectives™ on Stack Overflow

Javascript sort array of objects by user supplied value in array [duplicate]

2 Answers 2

2 Comments

6 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

6 Comments

Linked

Related