how to sort array of object by its value

Question

I have array responsive and I want to sort my array based on the breakpoint variable in the object inside the responsive array. How can I do it?

var responsive = [
    {
        breakpoint: 1200,
        settings: {
            c: 300
        }
    },
    {
        breakpoint: 780,
        settings: {
            c: 180
        }
    },
    {
        breakpoint: 1400,
        settings: {
            c: 0
        }
    }
];

I tried responsive.sort() but still not working? How can I do it?

score 3 · Accepted Answer · answered May 17 '17 at 07:40

You need to provide the sort() method with your own custom logic to specify which property of the array's child object to sort by. Try this:

var responsive = [{
  breakpoint: 1200,
  settings: {
    c: 300
  }
},{
  breakpoint: 780,
  settings: {
    c: 180
  }
},{
  breakpoint: 1400,
  settings: {
    c: 0
  }
}];

responsive.sort(function(a, b) {
  return a.breakpoint > b.breakpoint;
});

console.dir(responsive);

Note that the above is an ascending sort. If you need descending, swap > for a <.

your sort function is not symetrically in the form of `fn(a, b) === -fn(b, a)`. — Nina Scholz, May 17 '17 at 07:45

score 2 · Answer 2 · answered May 17 '17 at 07:43

2

responsive.sort(function(a,b){
    return a.breakpoint < b.breakpoint;
});

answered May 17 '17 at 07:43

Master Yoda

531
8
22

how to sort array of object by its value

2 Answers2