我把上面的答案包装在一个填充中，这样我就可以在字符串数组上调用.sortIgnoreCase()

// Array.sortIgnoreCase() polyfill
if (!Array.prototype.sortIgnoreCase) {
    Array.prototype.sortIgnoreCase = function () {
        return this.sort(function (a, b) {
            return a.toLowerCase().localeCompare(b.toLowerCase());
        });
    };
}

用. tolowercase()规范.sort()中的case。

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

在上面的函数中，如果我们只比较小写的两个值a和b，我们将不会得到漂亮的结果。

例如，如果数组是[A, A, B, B, c, c, D, D, e, e]，我们使用上面的函数，我们就得到了这个数组。它没有改变任何东西。

为了使结果为[A, A, B, B, C, C, D, D, E, E]，当两个小写值相等时，我们应该再次进行比较:

function caseInsensitiveComparator(valueA, valueB) {
    var valueALowerCase = valueA.toLowerCase();
    var valueBLowerCase = valueB.toLowerCase();

    if (valueALowerCase < valueBLowerCase) {
        return -1;
    } else if (valueALowerCase > valueBLowerCase) {
        return 1;
    } else { //valueALowerCase === valueBLowerCase
        if (valueA < valueB) {
            return -1;
        } else if (valueA > valueB) {
            return 1;
        } else {
            return 0;
        }
    }
}

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

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

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

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

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

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());
});

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