中級

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

よくある誤解

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

まとめ

Array.prototype.sort()が数値を文字列として並べ替える理由は中級でつまずきやすい項目です。上の3パターンを実際に手で直すと、エラーメッセージのどこを読めばよいかが掴めます。

演習をはじめる

関連するエラー

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