Widely available すべての主要ブラウザで対応済み。安心して使用可能。

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
Array.sort.stable sorting
70
79
3
10.1
70
10.3
1+対応 (バージョン) 未対応 注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

JAVASCRIPT
const items = [
  { name: 'A', priority: 1 },
  { name: 'B', priority: 2 },
  { name: 'C', priority: 1 },
];

items.sort((a, b) => a.priority - b.priority);
// The relative order of A and C is preserved (stable sort)

ライブデモ

安定ソートの確認

同じ優先度を持つアイテムの相対的な順序が、ソート後も維持されることを確認します。

プレビュー全画面表示

複数基準の連続ソート

名前でソートした後にカテゴリでソートしても、名前の順序がカテゴリ内で維持されます。

プレビュー全画面表示

スコア順の維持

同スコアのユーザーが、登録順(元の配列順)を保ったまま並ぶ様子を確認します。

プレビュー全画面表示

実務での使いどころ

  • Stable array sort の活用

    Array.sort() の安定ソートが保証された仕様。同じ値の要素の相対順序が維持される。

注意点

  • 特になし。すべての主要ブラウザで安定して動作する。

アクセシビリティ

  • JavaScript による動的更新時は、aria-live リージョンで変更をスクリーンリーダーに通知する。