中級

Array.prototype.sort()が数値を文字列として並べ替える理由

比較関数を渡さないsort()は、要素を文字列に変換してUnicodeコードポイント順に並べ替えます。数値の大小とは無関係な結果になります。

なぜエラーが出ないのか

出力: [ 1, 10, 2 ]

（エラーなし）

JavaScriptは何も報告しません。文法として正しいためです

出力: [ 1, 10, 2 ]

実際の挙動 — 期待した結果と食い違っている箇所

見つけ方

エラーが出ないので、出力を目で確かめるか、コードを目で追うしかありません。この種の誤りが最も発見が遅れます

このエラーが出る典型パターン

 1  const scores = [10, 1, 2];
 2  console.log(scores.sort(               ));
                                   ^

 1  const ids = [5, 25, 100, 1];
 2  console.log(ids.sort(               ));
                                ^

 1  const deltas = [3, -7, 2, -1];
 2  console.log(deltas.sort(               ));
                                   ^

 1  const values = [40, 5, 200, 1];
 2  console.log(values.sort(               ));
                                   ^

 1  const temps = [9, -3, 15, 2];
 2  console.log(temps.sort(               ));
                                  ^

よくある誤解

「sort()は数の大小で並べ替えてくれるはず」という思い込みは誤りです。既定の比較は文字列としての比較のため、100は"5"より小さい文字列"100"として扱われ、5より前に来てしまいます。

実務での勘所

sort()に比較関数を渡すときの契約は、真偽値ではなく「負・0・正のどれか」を返すことです。(a, b) => a - bと書くと、aがbより小さければ負の値、大きければ正の値、等しければ0になり、これがそのまま昇順の並べ替え指示として機能します。(a, b) => a > bのように真偽値を返す書き方でも多くの実装では動いてしまいますが、これは仕様が保証する契約ではありません。正しい比較関数は常に数値を返すように書くべきです。

演習をはじめる

関連するエラー

• NaNを===やswitchで判定できない理由と直し方NaNはIEEE 754の仕様上、自分自身とも等しくないため、===はもちろん==でも決してtrueになりません。
• 0.1 + 0.2 === 0.3 がfalseになる理由と直し方浮動小数点数は2進数で表現されるため、0.1や0.2のような10進の小数を正確に表せません。