javascript/jQuery sort array [duplicate]

Question

I have an array of values that look like this:

var myArr = ["S1_FORM", "S3_FORM", "S2_FORM", "S2_2_FORM"];

I need to sort them from lowest to highest.

The way I would like this array to be is like this:

["S1_FORM", "S2_FORM", "S2_2_FORM", "S3_FORM"]

Basically these numbers should be read like: 1, 2, 2.2, 3

How could I achieve this?

I have tried using .sort() but it returns:

["S1_FORM", "S2_2_FORM", "S2_FORM", "S3_FORM"]

notice "2_2" comes before "2_". It shouldn't.

developer.mozilla.org/en/docs/Web/JavaScript/Reference/… See the part about the compare function. — Evan Trimboli
– Evan Trimboli, Commented Apr 17, 2014 at 1:52

zerkms · Accepted Answer · 2014-04-17 01:53:58Z

3

var myArr = ["S1_FORM", "S3_FORM", "S2_FORM", "S2_2_FORM"];

var extractNumber = function(str) {
    var m = str.match(/^S(\d+)_(?:(\d+)_)?/);
    return parseFloat(m[1] + '.' + m[2])
};

myArr.sort(function(a, b) {
    return extractNumber(a) - extractNumber(b);
});

console.log(myArr);

http://jsfiddle.net/LDphK/

So you're extracting a number using trivial regular expression and then sort it using Array.prototype.sort()

answered Apr 17, 2014 at 1:53

zerkms

256k73 gold badges447 silver badges551 bronze badges

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

Comments

Jurion · Accepted Answer · 2014-04-17 01:47:59Z

0

var myArr = ["S1_FORM", "S3_FORM", "S2_FORM", "S2_2_FORM"];
 myArr.sort();

If you need another sorting logic, use jQuery. This is vanilla JavaScript solution

answered Apr 17, 2014 at 1:47

Jurion

1,32811 silver badges19 bronze badges

2 Comments

zerkms Over a year ago

what if there will be S20_ and S3_ items?

Dylan Cross Over a year ago

I have tried using .sort() and it doesn't work.

Collectives™ on Stack Overflow

javascript/jQuery sort array [duplicate]

2 Answers 2

Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Linked

Related