Sorting an array of Javascript objects by string

Question

My question is similar to the one found here, but I'd like to sort by string only. Let's say I have the following HTML.

<tbody>
        <tr class="finance" data-order="1">
            <td>John Smith</td>
            <td>Finance</td>
        </tr>
        <tr class="marketing" data-order="2">
            <td>Jane Doe</td>
            <td>Marketing</td>
        </tr>
        <tr class="maintenance" data-order="3">
            <td>Gary Ryan</td>
            <td>Maintenance</td>
        </tr>
        <tr class="dataEntry" data-order="4">
            <td>Damon Watts</td>
            <td>Data Entry</td>
        </tr>
        <tr class="dataEntry" data-order="5">
            <td>Ben Young</td>
            <td>Data Entry</td>
        </tr>
        <tr class="maintenance" data-order="6">
            <td>Calvin Lewis</td>
            <td>Maintenance</td>
        </tr>
    </tbody>

How can I sort by the second td, in ascending or descending order? Right now I have something like this:

//Ascending Order
var tableRows = new Array();
    $("tbody tr").each(function(){
        tableRows.push(this);
    });
    console.log(tableRows);
    tableRows.sort(function(a, b){
        return( //not sure what to do here)
    }

That depends on whether or not you want locale-aware comparisons. — Frédéric Hamidi
– Frédéric Hamidi, Commented May 21, 2014 at 15:25
I don't think this works: tableRows.push(this); because this is bounded to the global object. — linstantnoodles
– linstantnoodles, Commented May 21, 2014 at 15:26
@iaacp, I mean it depends on whether simple comparison is enough or if you have to use localeCompare(). — Frédéric Hamidi
– Frédéric Hamidi, Commented May 21, 2014 at 15:28
@linstantnoodles, not in the callback passed to each(), no. — Frédéric Hamidi
– Frédéric Hamidi, Commented May 21, 2014 at 15:28
This is more of a sidestep, but declaring arrays as [] in JavaScript is waaaay more efficient that using new Array() — Neil Hibbert
– Neil Hibbert, Commented May 21, 2014 at 15:29

user3649503 · Accepted Answer · 2014-05-21 15:44:45Z

1

Just sort them ?

$("tbody tr").sort(function(a, b) {
    var a_txt = $(a).find('td').eq(1).text(),
        b_txt = $(b).find('td').eq(1).text();

    return a_txt.localeCompare(b_txt);
}).appendTo('tbody');

FIDDLE

To switch the order, just do b_txt.localeCompare(a_txt); instead

answered May 21, 2014 at 15:44

user3649503

1615 bronze badges

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

Collectives™ on Stack Overflow

Sorting an array of Javascript objects by string

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related