JavaScript | 配列における要素の並び替え方法(reverse / sort)

JavaScript JavaScript
スポンサーリンク

主な内容の要点

1. reverseメソッド

  • 使い方: 配列.reverse()
  • 配列の要素を 逆順 に並べ替える。
  • 新しい配列を返すのではなく、元の配列そのものが書き換わる
  • 例:
let fruits = ["Apple", "Grapes", "Melon", "Orange"];
fruits.reverse();
console.log(fruits); // ["Orange", "Melon", "Grapes", "Apple"]
JavaScript

2. sortメソッド(基本)

  • 使い方: 配列.sort()
  • 配列の要素を 文字列として昇順(辞書順) に並べ替える。
  • これも 元の配列が書き換わる
  • 例:
let fruits = ["Orange", "Apple", "Grapes"];
fruits.sort();
console.log(fruits); // ["Apple", "Grapes", "Orange"]
JavaScript

⚠️ 注意:数値をそのまま並べ替えると「文字列」として比較されるため、期待通りにならないことがある。

let numbers = [5, 27, 12, 41];
console.log(numbers.sort()); // [12, 27, 41, 5] ←おかしい!
JavaScript

3. sortメソッド(比較関数を使う)

  • 使い方:
配列.sort(function(a, b) {
  return a - b; // 昇順
});
JavaScript
  • 比較関数を渡すことで、数値の大小独自ルールで並べ替え可能。
  • 例(数値の昇順):
let numbers = [5, 27, 12, 41];
numbers.sort((a, b) => a - b);
console.log(numbers); // [5, 12, 27, 41]
JavaScript
  • 降順にしたい場合は b - a にする。

まとめ

  • reverse() → 配列を逆順にする。
  • sort() → デフォルトは文字列順。数値は注意。
  • sort(比較関数) → 数値や独自ルールで並べ替え可能。

初心者向けのポイントとしては、「sortは文字列として並べる」という落とし穴と、「元の配列が書き換わる」という性質を覚えておくと混乱しにくいです。

タイトルとURLをコピーしました