sortメソッドが理解できません。

Question

sortメソッドが理解できません。
以下にコードでは、コールバック関数の引数にx,yを指定しているのですが、「x」と「y」は、何の値が入っているのでしょうか...?

var ary = [5,25,10];
        console.log(ary.sort(function(x,y){
            return x - y;
        }));

Answer 1

このような関数を比較関数といい、x,yに対象配列の要素が順次代入されては繰り返し実行されるのです。すべての要素ペアごと比較を繰り返し、最終的にそれぞれの要素の順位が求められるのです。

こうしてみれば分かるのではないでしょうか。

console.log(ary.sort(function(x,y){
    console.log("x=",x);
    console.log("y=",y);
    return x-y;
}));

こういう形式をとることで、単なる大小比較だけでなく複雑な基準に基づくソートも簡単にできるようになります。

Comments

[newyee]

ご回答いただき、ありがとうございます。
「x - y」が行われ、結果が負の値だった場合は、左の要素と入れ替え、正の値だった場合は右の要素と入れ替える、ということを繰り返し、昇順に並び替えていく、といった理解で合っていますでしょうか...?

[KojiDoi]

「並べ替え」をどのタイミングで行うかはまた別の話です。比較関数が行うのは比較だけです。

Answer 2

配列の要素を２つ取り出して、大小比較をして、その結果で要素を入れ替える事でソートが行われます。その大小比較をどのようにするかをコールバック関数で定義します。
昇順に並べるとか、降順に並べるとか、要素の大小を何を以て判断するかとか。

その比較する２つの要素がxとyに入ります。

例に書かれているのは、要素が数字であり、数値の大小でそのまま比較して、昇順に並べるということです。

Answer 3

teratailでの似た疑問