ดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
อยากทราบวิธีตรวจสอบว่าอาเรย์ 2 ชุดมีค่าเหมือนกันหรือเปล่า ครับ
โดย waterwelon อ 25 ก.พ. 2020 3:32 pm บอร์ด Programming - PHP
0
22
อ 25 ก.พ. 2020 3:32 pm โดย waterwelon
ความแข็งแกร่ง
โดย noppadonsk อ 25 ก.พ. 2020 11:13 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
8
อ 25 ก.พ. 2020 11:13 am โดย noppadonsk
อยากทราบวิธีตรวจสอบข้อมูลครับ
โดย waterwelon อ 25 ก.พ. 2020 10:58 am บอร์ด Programming - PHP
2
27
อ 25 ก.พ. 2020 11:13 am โดย Ittichai_chupol
Welcome to International school in Chonburi.
โดย tomtam1771 อ 25 ก.พ. 2020 12:30 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
7
อ 25 ก.พ. 2020 12:30 am โดย tomtam1771
วิธีปิด ไม่ได้ teamviewerd ทำงานบน Ubunto
โดย mindphp จ 24 ก.พ. 2020 4:31 pm บอร์ด Linux - Web Server
0
27
จ 24 ก.พ. 2020 4:31 pm โดย mindphp
แก้ปัญหา Vmware ของเรารัน Host ไม่ได้ เจอข้อความ This virtual machine is configured for 64-bit guest operating systems
โดย mindphp จ 24 ก.พ. 2020 3:37 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
723
จ 24 ก.พ. 2020 3:37 am โดย mindphp
จะทำอย่างไรให้ ค่าในอาเรย์ที่ซ้ำกันเหลือแค่ค่าเดียวครับ
โดย waterwelon ศ 21 ก.พ. 2020 2:04 pm บอร์ด Programming - PHP
2
47
ศ 21 ก.พ. 2020 2:34 pm โดย waterwelon
ความรุนแรงในเด็กๆ
โดย noppadonsk ศ 21 ก.พ. 2020 11:47 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
26
ศ 21 ก.พ. 2020 11:47 am โดย noppadonsk
องค์ประกอบพื้นฐานของการจัดทำ Extension ใน phpBB 3 ส่วนของ admin
โดย Ittichai_chupol พฤ 20 ก.พ. 2020 1:56 pm บอร์ด PHP Knowledge
0
30
พฤ 20 ก.พ. 2020 1:56 pm โดย Ittichai_chupol
ประทานโทษ
โดย noppadonsk พฤ 20 ก.พ. 2020 12:54 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
16
พฤ 20 ก.พ. 2020 12:54 pm โดย noppadonsk
มาแล้ว Plugin System MooZiiCart Auto Close สำหรับตั้งเวลาเปิดปิดระบบการสั่งซื้อสินค้าออนไลน์
โดย prmindphp พ 19 ก.พ. 2020 6:40 pm บอร์ด MindPHP News & Feedback
0
89
พ 19 ก.พ. 2020 6:40 pm โดย prmindphp
ถ้าคุณต้องเลือก
โดย noppadonsk พ 19 ก.พ. 2020 11:22 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
23
พ 19 ก.พ. 2020 11:22 am โดย noppadonsk
อยากจะทราบว่าวิธีการแสดงค่าอาเรย์แต่ล่ะค่าครับ
โดย waterwelon พ 19 ก.พ. 2020 11:04 am บอร์ด Programming - PHP
2
46
พ 19 ก.พ. 2020 11:58 am โดย thatsawan
คลายเครียด
โดย noppadonsk อ 18 ก.พ. 2020 2:50 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
42
อ 18 ก.พ. 2020 2:50 pm โดย noppadonsk
7 สิ่งที่ต้องปรับปรุงเพื่อลดค่า Bounce Rate บนหน้าเว็บไซต์
โดย phasamon อ 18 ก.พ. 2020 10:22 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
33
อ 18 ก.พ. 2020 10:22 am โดย phasamon
อยากให้ธุรกิจเป็นที่รู้จักบนโลกออนไลน์ ลองหาบริษัทรับทำ SEO ดูซิ !
โดย totheworld จ 17 ก.พ. 2020 3:34 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
73
จ 17 ก.พ. 2020 3:34 pm โดย totheworld
สี่เหตุผลที่ควรปรับปรุงเว็บไซต์
โดย phasamon จ 17 ก.พ. 2020 2:05 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
53
จ 17 ก.พ. 2020 2:05 pm โดย phasamon
อย่าได้พลาดเชียว
โดย noppadonsk จ 17 ก.พ. 2020 10:52 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
28
จ 17 ก.พ. 2020 10:52 am โดย noppadonsk
วิธีการแก้ไขปํญหา undefined index กรณีกำหนดเงือนไขเทียบค่าอาร์เรย์
โดย Ittichai_chupol ศ 14 ก.พ. 2020 5:50 pm บอร์ด PHP Knowledge
0
128
ศ 14 ก.พ. 2020 5:50 pm โดย Ittichai_chupol
เรื่องน่าเศร้า
โดย noppadonsk ศ 14 ก.พ. 2020 10:19 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
81
ศ 14 ก.พ. 2020 10:19 am โดย noppadonsk