プロフィール
JavaScript PR

JavaScript – 配列をソートする方法【昇順・降順】

  /
記事内に商品プロモーションを含む場合があります

本記事では、
JavaScriptで配列を昇順・降順にソートする方法について
詳しく解説します。

sort()メソッドを使って配列を
簡単に昇順・降順に並べ替える方法を学べます。

Contents
  1. 基本的な配列ソート
  2. 数値のソート方法
  3. カスタムソートの応用
  4. 4. まとめ

基本的な配列ソート

JavaScriptでは、
配列を昇順や降順に並べ替えるために
sort()メソッドを使います。

このメソッドは、
デフォルトで文字列をソートしますが、
数値の場合は適切なカスタム比較関数が必要です。

let fruits = ["banana", "apple", "cherry"];
fruits.sort(); // ["apple", "banana", "cherry"]
console.log(fruits);

sort()メソッドは破壊的なので注意
元の配列が変更されます！

元の配列を変えたくない場合は
以下のような感じにしましょう。

let fruits = ["banana", "apple", "cherry"];
let sortedFruits = [...fruits].sort(); // コピーしてソート
console.log(fruits); // ["banana", "apple", "cherry"] (元の配列は変更されない)
console.log(sortedFruits); // ["apple", "banana", "cherry"]

数値のソート方法

数値をソートするには、
カスタム関数を使用する必要があります。

昇順ソート

let numbers = [40, 100, 1, 5, 25, 10];
numbers.sort((a, b) => a - b); // [1, 5, 10, 25, 40, 100]
console.log(numbers);

降順ソート

let numbers = [40, 100, 1, 5, 25, 10];
numbers.sort((a, b) => b - a); // [100, 40, 25, 10, 5, 1]
console.log(numbers);

カスタムソートの応用

特定のオブジェクトやプロパティに基づいてソートする場合も、
sort()メソッドにカスタム関数を渡して実装できます。

let people = [
  { name: "Alice", age: 25 },
  { name: "Bob", age: 30 },
  { name: "Charlie", age: 20 }
];

people.sort((a, b) => a.age - b.age); 
// [{ name: "Charlie", age: 20 }, { name: "Alice", age: 25 }, { name: "Bob", age: 30 }]
console.log(people);

4. まとめ

本記事では、
JavaScriptで配列をソートする方法を紹介しました！

JavaScriptのsort()メソッドは、
配列のソートにとても便利です。

数値やオブジェクトを正確にソートするには、
カスタムの比較関数を使用する必要があります。

大規模なデータのソートはパフォーマンスに影響するため、
最適化に気を付けましょう！

以上、誰かの参考になれば！

See you later！！

配列
RELATED POST