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()

before sort
ผลลัพธ์เมื่อเปิดกับเบราเซอร์

 เมื่อเรากดปุ่มแล้ว ข้อมูลชุดอาเรย์จะเรียงตามตัวอักษรแรกให้เป็น A-Z ดังผลลัพธ์ด้านล่างนี้ 

ผลลัพธ์ หลังจากทำงาน array.sort()

เมธอดนี้เป็นประโยชน์อย่างมากที่จะมาใช้เพี่อเรียงลำดับข้อมูลหรือชุดอาเรย์ให้ได้ผลลัพธ์ตามที่เราต้องการ  ถ้าหากต้องให้มันทำงานกลับกัน คือให้มันเรียงจากมากไปน้อย สามารถใช้เมธอด arr.reverse();หวังบทความนี้จะเป็นประโยชน์บ้างน่ะครับ

 

ช่องทางการศึกษาเพิ่มเติมข่าวที่น่าสนใจเกี่ยวกับ : JavaScript

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
SQL JOIN: การรวมข้อมูลจากหลายตารางในฐานข้อมูล
โดย witsarutt000 พฤ 14 มี.ค. 2024 4:07 pm บอร์ด SQL Knowledge
1
166
พฤ 14 มี.ค. 2024 5:44 pm โดย Sirayu View Topic SQL JOIN: การรวมข้อมูลจากหลายตารางในฐานข้อมูล
PHP การเปลี่ยนแปลงที่สร้างปรากฏการณ์ในโลกของเว็บ
โดย witsarutt000 พฤ 14 มี.ค. 2024 11:17 am บอร์ด PHP Knowledge
0
125
พฤ 14 มี.ค. 2024 11:17 am โดย witsarutt000 View Topic PHP การเปลี่ยนแปลงที่สร้างปรากฏการณ์ในโลกของเว็บ
ปัญหา Harddisk ขึ้น 100% เวลาเซฟไฟล์ หรือภาพ จะค้่างที่หน้าแท๊บ Expolorer
โดย Thanavat_n พ 13 มี.ค. 2024 11:02 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
5
270
พ 13 มี.ค. 2024 1:34 pm โดย Thanavat_n View Topic ปัญหา Harddisk ขึ้น 100% เวลาเซฟไฟล์ หรือภาพ จะค้่างที่หน้าแท๊บ Expolorer
ตู้รองเท้า ไอเท็มวิเศษช่วยจัดระเบียบคอลเลกชันรองเท้าคู่โปรด
โดย @Foretoday อ 12 มี.ค. 2024 1:46 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
184
อ 12 มี.ค. 2024 1:46 pm โดย @Foretoday View Topic ตู้รองเท้า ไอเท็มวิเศษช่วยจัดระเบียบคอลเลกชันรองเท้าคู่โปรด
แนะนำสถานที่น่าเที่ยวในจังหวัดชุมพรพร้อมวิธีการเดินทาง
โดย witsarutt000 จ 11 มี.ค. 2024 6:14 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
142
จ 11 มี.ค. 2024 6:14 pm โดย witsarutt000 View Topic แนะนำสถานที่น่าเที่ยวในจังหวัดชุมพรพร้อมวิธีการเดินทาง
ย้าย VM ข้าม Host ด้วย scp กรณีศึกษา Vmware ESXI
โดย mindphp อ 10 มี.ค. 2024 4:36 am บอร์ด Linux - Web Server
0
239
อ 10 มี.ค. 2024 4:36 am โดย mindphp View Topic ย้าย VM ข้าม Host ด้วย scp กรณีศึกษา Vmware ESXI
IP และ vpn (VMware)
โดย ballmykids อ 10 มี.ค. 2024 2:35 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
203
จ 11 มี.ค. 2024 3:19 pm โดย ballmykids View Topic IP และ vpn (VMware)
แบบนี้ต้องทำยังไง ในกรณีที่ Server เดิมเราได้ทำการ Raid 1 กับ HDD 2 ลูกแรกแล้ว
โดย Anonymous ศ 08 มี.ค. 2024 7:02 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
166
ศ 08 มี.ค. 2024 8:12 pm โดย mindphp View Topic แบบนี้ต้องทำยังไง ในกรณีที่ Server เดิมเราได้ทำการ Raid 1 กับ HDD 2 ลูกแรกแล้ว