How to sort JavaScript string array

Question

I have the following array:

    var arr = ["COL10","COL5",
                "COL4","COL3",
                "COL8","COL9",
                "COL2","COL7",
                "COL1","COL6"];

    console.log("After sort:"+arr.sort());

The output is:

After sort:COL1,COL10,COL2,COL3,COL4,COL5,COL6,COL7,COL8,COL9

But I want it to be:

After sort:COL1,COL2,COL3,COL4,COL5,COL6,COL7,COL8,COL9,COL10

How should I do this?

I guess you need to define your custom comparator. Check this: stackoverflow.com/questions/17382091/… — Vladimir Vagaytsev
– Vladimir Vagaytsev, Commented Jul 15, 2016 at 8:08

RomanPerekhrest · Accepted Answer · 2016-07-15 08:27:44Z

2

Use the following approach with Array.sort and String.slice functions:

var arr = ["COL10","COL5","COL4","COL3","COL8","COL9","COL2","COL7","COL1","COL6"];

arr.sort(function (a,b) {
    return a.slice(3) - b.slice(3);
});

console.log(arr);

answered Jul 15, 2016 at 8:27

RomanPerekhrest

93.1k4 gold badges75 silver badges112 bronze badges

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

Comments

Nina Scholz · Accepted Answer · 2016-07-15 09:44:43Z

1

You could split the items and sort the parts separate.

var arr = ["COL10", "COL5", "COL4", "COL3", "COL8", "COL9", "COL2", "COL7", "COL1", "COL6"];

arr.sort(function (a, b) {
    var aa = a.split(/(\d+)/g),
        bb = b.split(/(\d+)/g);
    return aa[0].localeCompare(bb[0]) || aa[1] - bb[1];
});

console.log(arr);

answered Jul 15, 2016 at 9:44

Nina Scholz

388k26 gold badges367 silver badges416 bronze badges

3 Comments

Nina Scholz Over a year ago

@mortezaT, that would be a different question, you may ask :)

Morteza Tourani Over a year ago

This works perfectly with OP's terms (so deserves upvote). But is there any way to compare complex number and other characters. for example '1.1', '1.2', '1.3', ... , '1.10', ..., '2.20.21'

Morteza Tourani Over a year ago

I will if you can answer it with SQL syntax :p.

floooat · Accepted Answer · 2016-07-15 08:29:40Z

Try out the alphanumerical sort from Brian Huisman: Article

var arr = ["COL10", "COL5",
  "COL4", "COL3",
  "COL8", "COL9",
  "COL2", "COL7",
  "COL1", "COL6"
];

console.log("After sort:" + arr.sort(alphanum));

function alphanum(a, b) {
  function chunkify(t) {
    var tz = [],
      x = 0,
      y = -1,
      n = 0,
      i, j;

    while (i = (j = t.charAt(x++)).charCodeAt(0)) {
      var m = (i == 46 || (i >= 48 && i <= 57));
      if (m !== n) {
        tz[++y] = "";
        n = m;
      }
      tz[y] += j;
    }
    return tz;
  }

  var aa = chunkify(a);
  var bb = chunkify(b);

  for (x = 0; aa[x] && bb[x]; x++) {
    if (aa[x] !== bb[x]) {
      var c = Number(aa[x]),
        d = Number(bb[x]);
      if (c == aa[x] && d == bb[x]) {
        return c - d;
      } else return (aa[x] > bb[x]) ? 1 : -1;
    }
  }
  return aa.length - bb.length;
}

Piyush.kapoor · Accepted Answer · 2016-07-15 08:36:17Z

0

var arr = ["COL10","COL5",
                "COL4","COL3",
                "COL8","COL9",
                "COL2","COL7",
                "COL1","COL6"];

arr.sort(function(a,b) {
  var a1 = parseInt(a.split('COL')[1]);
  var b1 = parseInt(b.split('COL')[1]);
  return a1 - b1;
});

answered Jul 15, 2016 at 8:36

Piyush.kapoor

6,8311 gold badge25 silver badges21 bronze badges

Collectives™ on Stack Overflow

How to sort JavaScript string array

4 Answers 4

Comments

3 Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

3 Comments

Comments

Comments

Linked

Related