在(几乎:)一行代码中

["Foo", "bar"].sort(function (a, b) {
    return a.toLowerCase().localeCompare(b.toLowerCase());
});

结果是

[ 'bar', 'Foo' ]

而

["Foo", "bar"].sort();

结果

[ 'Foo', 'bar' ]

现在是时候重新审视这个老问题了。

您不应该使用依赖toLowerCase的解决方案。它们效率很低，而且在某些语言(例如土耳其语)中根本不起作用。喜欢这个:

['Foo', 'bar'].sort((a, b) => a.localeCompare(b, undefined, {sensitivity: 'base'}))

查看浏览器兼容性文档，了解灵敏度选项的所有信息。

你也可以使用Elvis操作符:

arr = ['Bob', 'charley', 'fudge', 'Fudge', 'biscuit'];
arr.sort(function(s1, s2){
    var l=s1.toLowerCase(), m=s2.toLowerCase();
    return l===m?0:l>m?1:-1;
});
console.log(arr);

给:

biscuit,Bob,charley,fudge,Fudge

localeCompare方法可能很好…

注意:Elvis操作符是if then else的“三元操作符”的缩写形式，通常带有赋值。 如果你从侧面看，它看起来像猫王… 例如:

if (y) {
  x = 1;
} else {
  x = 2;
}

你可以使用:

x = y?1:2;

也就是说，当y为真时，则返回1(用于赋值给x)，否则返回2(用于赋值给x)。

myArray.sort(
  function(a, b) {
    if (a.toLowerCase() < b.toLowerCase()) return -1;
    if (a.toLowerCase() > b.toLowerCase()) return 1;
    return 0;
  }
);

编辑: 请注意，我最初写这篇文章是为了说明技术，而不是考虑性能。也请参考回答@Ivan Krechetov更紧凑的解决方案。

如果不管输入数组中元素的顺序如何，你都想保证相同的顺序，这里是一个稳定排序:

myArray.sort(function(a, b) {
    /* Storing case insensitive comparison */
    var comparison = a.toLowerCase().localeCompare(b.toLowerCase());
    /* If strings are equal in case insensitive comparison */
    if (comparison === 0) {
        /* Return case sensitive comparison instead */
        return a.localeCompare(b);
    }
    /* Otherwise return result */
    return comparison;
});

为了支持已接受的答案，我想补充一点，下面的函数似乎改变了原始数组中的值，以便不仅对小写进行排序，而且大写值也将被更改为小写。这对我来说是一个问题，因为即使我希望看到玛丽在玛丽旁边，我也不希望第一个值玛丽的大小写改为小写。

myArray.sort(
  function(a, b) {
    if (a.toLowerCase() < b.toLowerCase()) return -1;
    if (a.toLowerCase() > b.toLowerCase()) return 1;
    return 0;
  }
);

在我的实验中，下面的函数从接受的答案正确排序，但没有改变值。

["Foo", "bar"].sort(function (a, b) {
    return a.toLowerCase().localeCompare(b.toLowerCase());
});