sort() วิธีการเรียงลำดับรายการของอาร์เรย์ การเรียงลำดับสามารถเป็นได้ทั้งตัวอักษรหรือตัวเลขและทั้งจากน้อยไปมาก (up) หรือมากไปน้อย (down) โดยค่าเริ่มต้น sort() วิธีการเรียงลำดับค่าเป็นสตริงตามลำดับตัวอักษรและจากน้อยไปมาก
Array.Sort ()เป็นเมธอดใน JavaScript ซึ่งจะใช้ในการจัดเรียงลำดับ Array อาเรย์ที่จะนำมาทำการเรียงสามารถเป็นประเภทใด ๆ ก็ได้ ไม่ว่าจะเป็น string ,numbers, characters หรือ ชนิดข้อมูล อื่นๆเป็นต้น
ตัวอย่าง input และ output
Input: var arr = ["Manish", "Rishabh", "Nitika", "Harshita"];
Output: Harshita, Manish, Nitika, Rishabh
Input: var arr = [1, 4, 3, 2];
Output: 1, 2, 3, 4
จากตัวอย่างด้านบน input แรก จะเป็นชุดอาเรย์กลุ่มคำภาษาอังกฤษ และ output ที่ได้คือกลุ่มเดิมที่จะเรียงจาก A-Z และ input ที่2 ที่เป็นตัวเลข output ก็จะเรียงจากน้อยไปมาก
เรามาดูตัวอย่างที่เป็นโค้ดกันน่ะครับ
<html>
<body>
<p>Click on the Sort button to sort the array</p>
<!-- button for click event -->
<!-- onclick event is generated when the button is clicked -->
<p id="demo"></p>
<script>
<!-- array of names -->
var names = [" Manish", " Rishabh", " Nitika", " Harshita"];
document.getElementById("demo").innerHTML = names;
<!-- sortAlphabet function that sort above array alphabetically -->
function sortAlphabet() {
names.sort();
document.getElementById("demo").innerHTML = names;
}
</script>
<button onclick="sortAlphabet()"> Sort </button>
</body>
</html>
เมื่อเราเปิดกับเบราเซอร์แล้วจะมีผลลัพธ์หน้าตาดังนี้ โดยมีปุ่มกดเพื่อให้ทำงานเมธอด array.sort()
เมื่อเรากดปุ่มแล้ว ข้อมูลชุดอาเรย์จะเรียงตามตัวอักษรแรกให้เป็น A-Z ดังผลลัพธ์ด้านล่างนี้
เมธอดนี้เป็นประโยชน์อย่างมากที่จะมาใช้เพี่อเรียงลำดับข้อมูลหรือชุดอาเรย์ให้ได้ผลลัพธ์ตามที่เราต้องการ ถ้าหากต้องให้มันทำงานกลับกัน คือให้มันเรียงจากมากไปน้อย สามารถใช้เมธอด arr.reverse();
หวังบทความนี้จะเป็นประโยชน์บ้างน่ะครับ
ช่องทางการศึกษาเพิ่มเติมข่าวที่น่าสนใจเกี่ยวกับ : JavaScript