How to organize objects in an array using various property values of that object with the ES6 sort method?

Question

I have an Array like this

let arr = [
    {label: "Bob Bobson", value: 17345, group: "Applicants"}
    {label: "Frank Frankson", value: 17347, group: "Applicants"}
    {label: "Bill Billson", value: 17348, group: "Applicants"}
    {label: "John Johnson", value: 1, group: "Caregivers"}
    {label: "Aaron Aaronson", value: 15, group: "Caregivers"}
    {label: "Jacob Jacobson", value: 172, group: "Clients"}
    {label: "Eric Ericsson", value: 1441, group: "Clients"}
    {label: "Doc Docson", value: 1147, group: "Doctors"}
]

I want to sort it using two of the property values in the object, the label property and the group property. I'm currently not getting any results however. I want to sort by group first and then label.

Here is what I am trying below.

arr.sort((a, b) => { a.label.toUpperCase() > b.label.toUpperCase()) ? 1 : -1 });

Using this I get the same results back, the label property doesn't get sorted.

FYI, `Array#sort` has existed for a long time. It's not new to ES6. — Felix Kling, Sep 16 '17 at 16:27

score -1 · Answer 1 · answered Sep 16 '17 at 15:57

-1

Your sort function isn't returning anything. Arrow functions can do an implicit return statement, but only if you have no curly brackets. So either remove the curly brackets, or add a return statement. Also, you have an extra closing parentheses after b.label.toUpperCase()

arr.sort((a, b) => a.label.toUpperCase() > b.label.toUpperCase() ? 1 : -1 );

arr.sort((a, b) => { 
    return a.label.toUpperCase() > b.label.toUpperCase() ? 1 : -1 
});

answered Sep 16 '17 at 15:57

Nicholas Tower

72,740
7
86
98

Ok i see this ends up sorting the label property and scrambles the group property. – user3288619 Sep 16 '17 at 15:59
Yes, i was showing you why no sorting was happening. If you want to modify the sorting condition further, feel free to. – Nicholas Tower Sep 16 '17 at 16:00
to continue sorting it do I just chain the command ? – user3288619 Sep 16 '17 at 16:08
The function that you pass into .sort determines how it's sorted. If you want it to be sorted by group, then instead of comparing labels, compare groups. If you want it to be sorted by both, then compare both. – Nicholas Tower Sep 16 '17 at 16:10
Ok got it , thanks. Yeah I wasn't returning a value which caused it to error up. – user3288619 Sep 16 '17 at 16:11

How to organize objects in an array using various property values of that object with the ES6 sort method?

1 Answers1