javascript/jQuery sort array

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.

This may help... http://forum.jquery.com/topic/sorting-an-array — geoff, Apr 17 '14 at 01:47
https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/sort See the part about the compare function. — Evan Trimboli, Apr 17 '14 at 01:52

score 3 · Answer 1 · answered Apr 17 '14 at 01:53

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()

score 0 · Answer 2 · answered Apr 17 '14 at 01:47

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 '14 at 01:47

Jurion

1,230
11
18

1

what if there will be `S20_` and `S3_` items? – zerkms Apr 17 '14 at 01:48
I have tried using .sort() and it doesn't work. – Dylan Cross Apr 17 '14 at 01:49

javascript/jQuery sort array

2 Answers2