Sorting Javascript array of objects [duplicate]

Question

I have the following code:

function compare(a,b) {
    if (a.title < b.title)
        return -1;
    if (a.title > b.title)
        return 1;
    return 0;
}
.
.
setsArr.sort(compare);

This should sort an array objects alphabetically based on their title property. When there is a space in the title, however, that title will come before the other titles with no space in them unless those titles start with a number or a special character.

An example of the ordered list could be:

• 3xd

• My Little Pony

• Aladdin

• Batman

I would like 'My Little Pony' to come last. How could I accomplish this?

Answer 1

var setsArr = [ '3xd', 'My Little Pony', 'Aladdin', 'Batman' ];

function compare(a,b) {
    return a.replace(/ /g, '').localeCompare(b.replace(/ /g, ''));
}

setsArr.sort(compare);

return ["3xd", "Aladdin", "Batman", "My Little Pony"]

Answer 2

This is really just a special case of the general: How do I sort by two criteria? In this case, the first criterion is whether one or both of the entries has a space:

function compare(a,b) {
  var aHasSpace = a.indexOf(" ") != -1;
  var bHasSpace = b.indexOf(" ") != -1;

  if (aHasSpace != bHasSpace) {
    return aHasSpace ? 1 : -1;
  }
  return a.localeCompare(b);
}

Note also the use of localeCompare for simplicity.

Live Example:

var titles = ["3xd", "My Little Pony", "Aladdin", "Another One With A Space", "Batman"];

function compare(a,b) {
  var aHasSpace = a.indexOf(" ") != -1;
  var bHasSpace = b.indexOf(" ") != -1;
  
  if (aHasSpace != bHasSpace) {
    return aHasSpace ? 1 : -1;
  }
  return a.localeCompare(b);
}

titles.sort(compare);
document.body.innerHTML = JSON.stringify(titles);