本記事では、
JavaScriptで配列を昇順・降順にソートする方法について
詳しく解説します。sort()メソッドを使って配列を
簡単に昇順・降順に並べ替える方法を学べます。
基本的な配列ソート
JavaScriptでは、
配列を昇順や降順に並べ替えるためにsort()メソッドを使います。
このメソッドは、
デフォルトで文字列をソートしますが、
数値の場合は適切なカスタム比較関数が必要です。
let fruits = ["banana", "apple", "cherry"];
fruits.sort(); // ["apple", "banana", "cherry"]
console.log(fruits);元の配列を変えたくない場合は
以下のような感じにしましょう。
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！！
