How to sort by length and then alphabetically

Question

Suppose I had the following Javascript array. How to sort by length, then alphabetically. Assume the following array:

var array = ["a", "aaa", "bb", "bbb", "c"];

When sorting it should produce: a, c, bb, aaa, bbb. Thank you in advance!

Answer 1

You can sort by length first and then use localeCompare()to sort in alphabetical order.

var array = ["a", "aaa", "bb", "bbb", "c"];
array.sort(function(a, b) {
  return a.length - b.length || a.localeCompare(b)
})

console.log(array)

Run codeHide result

Answer 2

Sort by length first, then alphabetically using || operator for several criteria. However, in your case there will be a simple view.

var array = ["a", "aaa", "bb", "bbb", "c"];

array.sort(function(a, b) {
  return a.length - b.length || a.localeCompare(b);
});

console.log(array);

Run codeHide result

or

var array =["c", "aa", "bb", "bbb", "b", "aaa", "a"];

array.sort(function(a, b) {
  return a.length - b.length || [a,b].sort()[0]===b;
});

console.log(array);

Run codeHide result

Answer 3

: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/sort?v=example