Alphanumeric array sorting with multiple values

Question

Its simple like this. I need to sort an array with multiple values alphanumeric

this.tests = [

  {
    "title": "047 - Wunsc",
    "link": "47",
  },
  {
    "title": "014 - Expl",
    "link": "14",
  },
  {
    "title": "004 - Ausw",
    "link": "4",
  },
  {
    "title": "001 - Abhef",
    "link": "1",
  },
  {
    "title": "006 - Beurt",
    "link": "6",
  },
  {
    "title": "015 - Explo",
    "link": "15",
  },
  {
    "title": "029 - Physi",
    "link": "29",
  },
  {
    "title": "016 - Befra",
    "link": "16",
  }
]

This is what I've tried so far.

this.tests.sort(function (a, b) {
  return parseFloat(a.title) - parseFloat(b.title);
});

this.tests.sort((a, b) => a.title.localeCompare(b.title));

But still getting no alphanumeric/natural sort

(Also, please don't post a question and leave. Please be available for clarifications) — adiga
– adiga, Commented Jul 3, 2020 at 12:09

Nina Scholz · Accepted Answer · 2020-07-03 11:50:00Z

1

For this pattern just sort by string.

var data = [{ title: "047 - Wunsc", link: "47" }, { title: "014 - Expl", link: "14" }, { title: "004 - Ausw", link: "4" }, { title: "001 - Abhef", link: "1" }, { title: "006 - Beurt", link: "6" }, { title: "015 - Explo", link: "15" }, { title: "029 - Physi", link: "29" }, { title: "016 - Befra", link: "16" }];

data.sort((a, b) => a.title.localeCompare(b.title));

console.log(data);

.as-console-wrapper { max-height: 100% !important; top: 0; }

If you like to sort only by description part, you could slice the string.

var data = [{ title: "047 - Wunsc", link: "47" }, { title: "014 - Expl", link: "14" }, { title: "004 - Ausw", link: "4" }, { title: "001 - Abhef", link: "1" }, { title: "006 - Beurt", link: "6" }, { title: "015 - Explo", link: "15" }, { title: "029 - Physi", link: "29" }, { title: "016 - Befra", link: "16" }];

data.sort((a, b) => a.title.slice(6).localeCompare(b.title.slice(6)));

console.log(data);

.as-console-wrapper { max-height: 100% !important; top: 0; }

edited Jul 3, 2020 at 11:50

answered Jul 3, 2020 at 11:44

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

2 Comments

Andrey Ozornin Over a year ago

It's already mentioned in the question (upd: the comment doesn't apply to the edited version of the answer)

Nina Scholz Over a year ago

@AndreyOzornin, for me, it looks like two sortings, one oafter the other.

Collectives™ on Stack Overflow

Alphanumeric array sorting with multiple values

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related