JavaScriptで大文字と小文字を区別しない並べ替えを実行するにはどうすればよいですか？

JavaScriptで並べ替える必要がある文字列の配列がありますが、大文字と小文字は区別されません。これを実行するには？

（ほぼ:)ワンライナー

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

その結果

[ 'bar', 'Foo' ]

ながら

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

結果は

[ 'Foo', 'bar' ]

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

編集： 私が最初にこれを書いたのは、パフォーマンスを念頭に置くのではなく、テクニックを説明するためであることに注意してください。よりコンパクトなソリューションについては、回答@Ivan Krechetovも参照してください。

この古い質問を再訪する時が来ました。

に依存するソリューションは使用しないでくださいtoLowerCase。それらは非効率的で、一部の言語（たとえば、トルコ語）では機能しません。これを好む：

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

ブラウザの互換性についてドキュメントを確認し、sensitivityオプションについて知っておくべきことはすべてあります。

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

新しいを使用することもできますIntl.Collator().compare。MDNごとに、配列をソートする際により効率的です。欠点は、古いブラウザではサポートされていないことです。MDNによると、Safariではまったくサポートされていません。Intl.Collatorサポートされていると記載されているため、確認する必要があります。

大きな配列の並べ替えなど、多数の文字列を比較する場合は、Intl.Collat​​orオブジェクトを作成して、compareプロパティによって提供される関数を使用することをお勧めします

["Foo", "bar"].sort(Intl.Collator().compare); //["bar", "Foo"]

入力配列の要素の順序に関係なく同じ順序を保証したい場合は、安定した並べ替えを以下に示します。

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

でケースを正規化.sort()し.toLowerCase()ます。

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演算子は、それ以外の場合、通常は代入を使用する場合の短縮形の「3項演算子」です。
？：を横に見ると、エルビスのように見えます...
つまり、次の代わりに：

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

あなたは使うことができます：

x = y?1:2;

つまり、yがtrueの場合は1（xへの割り当て）を返し、そうでない場合は2（xへの割り当て）を返します。

他の回答では、配列に文字列が含まれていると想定しています。配列にnull、未定義、またはその他の非文字列が含まれている場合でも機能するため、私の方法の方が優れています。

var notdefined;
var myarray = ['a', 'c', null, notdefined, 'nulk', 'BYE', 'nulm'];

myarray.sort(ignoreCase);

alert(JSON.stringify(myarray));    // show the result

function ignoreCase(a,b) {
    return (''+a).toUpperCase() < (''+b).toUpperCase() ? -1 : 1;
}

null「nulk」と「nulm」の間にソートされます。しかし、undefinedされます常に最後にソート。

ES6バージョン：

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

ソース：https : //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare

受け入れられた答えをサポートするために、以下の関数がソートされる元の配列の値を変更し、小文字だけでなく大文字の値も小文字に変更されるように追加したいと思います。メアリーをメアリーの隣に表示したいのですが、最初の値のメアリーのケースを小文字に変更したくないので、これは私にとって問題です。

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

これは、理解に苦労している場合に役立ちます。

var array = ["sort", "Me", "alphabetically", "But", "Ignore", "case"];
console.log('Unordered array ---', array, '------------');

array.sort(function(a,b) {
    a = a.toLowerCase();
    b = b.toLowerCase();
    console.log("Compare '" + a + "' and '" + b + "'");

    if( a == b) {
        console.log('Comparison result, 0 --- leave as is ');
        return 0;
    }
    if( a > b) {
        console.log('Comparison result, 1 --- move '+b+' to before '+a+' ');
        return 1;
    }
    console.log('Comparison result, -1 --- move '+a+' to before '+b+' ');
    return -1;


});

console.log('Ordered array ---', array, '------------');


// return logic

/***
If compareFunction(a, b) is less than 0, sort a to a lower index than b, i.e. a comes first.
If compareFunction(a, b) returns 0, leave a and b unchanged with respect to each other, but sorted with respect to all different elements. Note: the ECMAscript standard does not guarantee this behaviour, and thus not all browsers (e.g. Mozilla versions dating back to at least 2003) respect this.
If compareFunction(a, b) is greater than 0, sort b to a lower index than a.
***/

http://jsfiddle.net/ianjamieson/wmxn2ram/1/

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

上記の関数で、小文字の2つの値aとbを比較すると、きれいな結果が得られません。

たとえば、配列が[A、a、B、b、c、C、D、d、e、E]で、上記の関数を使用すると、その配列が正確に得られます。何も変わっていません。

結果が[A、a、B、b、C、c、D、d、E、e]になるには、2つの小文字の値が等しい場合にもう一度比較する必要があります。

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

文字列配列で.sortIgnoreCase（）を呼び出すことができるように、トップの回答をポリフィルで囲みました

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

文字列をで囲みます/ /i。これは、正規表現を使用して大文字小文字を無視する簡単な方法です