Sort javascript array by multiple keys

Question

I have an array of objects something like this

var itemArray = [
    {
        "name": "name1",
        "flag": true,
    },
    {
        "name": "name1",
        "flag": false,
    },
    {
        "name": "name2",
        "flag": false,
    },
    {
        "name": "name3",
        "flag": true,
    }        
];

I am already sorting this by the name key using the following:

var sortedItems = sortByKey(itemArray, "name");

function sortByKey(array, key) {
    return array.sort(function(a, b) {
        var x = a[key];
        var y = b[key];
        return ((x < y) ? -1 : ((x > y) ? 1 : 0));
});

How do i also sort it by the flag key alphabetically so the false flags appear before the true flags? (I can use a string instead of boolean on the flag property if this makes it simpler)

To clarify, what I am looking for is an array which would be returned like this for example:

[
    { name: "name_a", flag: false },
    { name: "name_a", flag: true },
    { name: "name_b", flag: false },
    { name: "name_b", flag: true},
    { name: "name_c", flag: true},
    { name: "name_d", flag: false},
]

The logic is simple: in your comparison function you first make your primary comparison, if this is not equal, you return the comparison result, else you do your secondary comparison and return its result. — deceze
– deceze ♦, Commented Jun 23, 2016 at 13:45
Possible duplicate of Javascript, how do you sort an array on multiple columns? — Kld
– Kld, Commented Jun 23, 2016 at 13:52

Eduard Void · Accepted Answer · 2016-06-23 15:12:00Z

2

var sortedItems = sortByKey(itemArray, "name");

function sortByKey(array, key) {
    return array.sort(function(a, b) {
        if(a[key] == b[key]) {
          return (a['flag'] ? -1 : 1);
        } else {
          var x = a[key];
          var y = b[key];
          return x.localeCompare(y);
        }
});

answered Jun 23, 2016 at 15:12

Eduard Void

2,7041 gold badge16 silver badges14 bronze badges

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

2 Comments

Greg Over a year ago

Yes! That looks like it's working perfectly. Thank you so much for spending your valuable time helping me Eduard, it is genuinely appreciated.

Eduard Void Over a year ago

was my pleasure :D

Eduard Void · Accepted Answer · 2016-06-23 13:45:28Z

1

var sortedItems = sortByKey(itemArray, "name");

    function sortByKey(array, key) {
        return array.sort(function(a, b) {
            if(a['flag'] == f['flag']) {
              var x = a[key];
              var y = b[key];
              return ((x < y) ? -1 : ((x > y) ? 1 : 0));
            } else {
              return (a['flag'] ? -1 : 1);
            }
    });

answered Jun 23, 2016 at 13:45

Eduard Void

2,7041 gold badge16 silver badges14 bronze badges

4 Comments

Greg Over a year ago

There's something wrong with this. It does not completely sort by name. Some are not in alphabetical order.

Eduard Void Over a year ago

change ((x < y) ? -1 : ((x > y) ? 1 : 0)) to x.localeCompare(y)

Greg Over a year ago

Still, this returns a list where all the items with a true flag are in alphabetical order by name, followed by all the items with false flags which are in alphabetical order by name. What I am looking for is a sorted list where the whole list is in alphabetical order by name, and also the flags are sorted alphabetically. e.g. "{ name: "name_a", flag: false }, { name: "name_a", flag: true}, {name: "name_b", flag: false }, {name: "name_b", flag: true}...

Eduard Void Over a year ago

see my another answer. you can edit the ordering function anyway. the first you compare is the main sorting attribute and then follow to the comparation of other attributes

Nina Scholz · Accepted Answer · 2016-06-23 17:34:36Z

1

You could use a proper callback, sort first by flag and if equal then by name.

var itemArray = [{ "name": "name1", "flag": true, }, { "name": "name1", "flag": false, }, { "name": "name2", "flag": false, }, { "name": "name3", "flag": true, }];

itemArray.sort(function (a, b) {
    return a.name.localeCompare(b.name) || a.flag - b.flag;
}),

console.log(itemArray);

edited Jun 23, 2016 at 17:34

answered Jun 23, 2016 at 13:45

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

3 Comments

Greg Over a year ago

This appears to just sort by the flag key

Nina Scholz Over a year ago

why do you think so?

Greg Over a year ago

Actually, running the snippet only sorts by the flag, when I run it on my code it only sorts by the name, e.g. I now have a sorted array which contains the following data: name: "some name" flag: true, name: "some name" flag: false, name: "some name" flag: true

Collectives™ on Stack Overflow

Sort javascript array by multiple keys

3 Answers 3

2 Comments

4 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

4 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related