Simple question d3.js sorting key/value pairs alphabetically by value

[Jim Gwilliam]

I have an object of the form....

Object {win_pct_r: "Winning %", n_losses_r: "Losses", n_wins_r: "Wins", pp_fd_td_o: "% Plays (TD or FD)", n_int_o: "Interceptions Thrown"…}

I want to sort this object of key/value pairs alphabetically by "VALUE", maintaining the key/value pair relationship.

I've tried the following:     a = d3.entries(statkeyvalues).sort(d3.ascending()).map(function(d) {return d.value;})

But it doesn't seem to return the proper result.

Any suggestions?

Thanks,

Jim

[phoebebright]

Will the standard sort function work?

        sorted =  myobject.sort(function(a,b) {

                if (a['VALUE'] < b['VALUE'])

                    return -1;

                if (a['VALUE'] > b['VALUE'])

                    return 1;

                return 0;

                });

[nick]

Or the slightly more concise:

d3.entries(statkeycolumns).sort(function(a, b){
  return -a.value.localeCompare(b.value);
}))

To use d3.ascending, you'd need to wrap it up to pluck out the right key-value, maybe like this:

function keySort(sortfunc, field){
  return function(a, b){
    return sortfunc(a[field], b[field]);
  }
}

d3.entries(statkeycolumns).sort(keySort(d3.ascending, "value"));

If you only ever bind them to one selection, you can do this inline:

d3.selectAll("div")
  .data(columns)
  .call(function(init){
    init.enter().append("div");
  })
  .sort(function(a, b){
    return -a.value.localeCompare(b.value);
  })
  .text(function(d){ return d.value; });

But if you are going to use the list somewhere else where order is relevant, you'll want to sort the entries array itself.

I hope one of these helps!