初級

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

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

なぜエラーが出ないのか

出力: [ 10, 25, 40, 5 ]

（エラーなし）

TypeScriptは何も報告しません。型検査も構文も正しいためです

出力: [ 10, 25, 40, 5 ]

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

見つけ方

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

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

 1  const nums: number[] = [10, 5, 40, 25];
 2  nums.sort(               );
                     ^
 3  console.log(nums);

 1  const scores: number[] = [9, 80, 700, 6];
 2  scores.sort(               );
                       ^
 3  console.log(scores);

 1  const ids: number[] = [100, 21, 3];
 2  ids.sort(               );
                    ^
 3  console.log(ids);

 1  const nums: number[] = [3, 20, 1];
 2  nums.sort(               );
                     ^
 3  console.log(nums);

 1  const vals: number[] = [50, 7, 600];
 2  vals.sort(               );
                     ^
 3  console.log(vals);

よくある誤解

「number[]型なのだから、sort()は数の大小で並べ替えてくれるはず」という考えは誤りです。sort()の既定の比較は要素の型を問わず文字列化して行われるため、型を付けても挙動は変わりません。

実務での勘所

この不具合は、tsconfig.jsonの設定をどれだけ厳しくしても型チェックでは検出できません。sort()の型定義は比較関数を省略可能な引数として宣言しているため、比較関数を渡さない呼び出しは型としてまったく正当です。「数値の配列なのに比較関数が無い」という組み合わせ自体を、型システムは異常とみなす手段を持っていません。型チェックが万能ではなく、あくまで宣言された型の整合性だけを見る仕組みだと分かる、分かりやすい実例です。

演習をはじめる

関連するエラー

• 文字列メソッドは元の文字列を変更せず新しい文字列を返すtoUpperCase()のような文字列メソッドは、呼び出し元の文字列そのものを書き換えるのではなく、変換後の新しい文字列を戻り値として返します。
• 引数の型が合わないエラーの原因と直し方関数やメソッドの引数に、パラメータの型と違う型の値を渡したときに出るエラーです。