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

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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
สร้างบอร์ดขึ้นมาใหม่แล้วสมาชิกใหม่มองไม่
โดย Jumpapong จ 16 ก.ย. 2019 10:20 pm บอร์ด Programming - PHP
1
7
อ 17 ก.ย. 2019 2:33 am โดย mindphp
ปัญหาติดตั้ง Mod slideshowck
โดย Anonymous จ 16 ก.ย. 2019 8:49 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
1
7
จ 16 ก.ย. 2019 8:54 pm โดย mindphp
อยากให้ไฟล์แสดงบนหน้าจอของ Tkinter ค่ะ
โดย mashato จ 16 ก.ย. 2019 8:21 pm บอร์ด Programming - C/C++ & java & Python
2
15
อ 17 ก.ย. 2019 4:04 am โดย mashato
Incomterms คืออะไร
โดย aninthana จ 16 ก.ย. 2019 6:41 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
13
จ 16 ก.ย. 2019 6:41 pm โดย aninthana
ติดตั้ง SSL ให้เว็บไซต์ ดีอย่างไร
โดย aninthana จ 16 ก.ย. 2019 6:36 pm บอร์ด Web Hosting Review - Free Host Share Host VPS
0
13
จ 16 ก.ย. 2019 6:36 pm โดย aninthana
ข่าวแว่วมาตามลุ่มแม่น้ำ Surface Laptop 3 จะออกรุ่นหน้าจอ 15 เพิ่มจากรุ่นเดิมที่ 13.5
โดย chatee supasand จ 16 ก.ย. 2019 6:14 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
10
จ 16 ก.ย. 2019 6:14 pm โดย chatee supasand
การขอ STATEMENT ธนาคารออมสิน
โดย EyePornnipa จ 16 ก.ย. 2019 4:50 pm บอร์ด M089 - นางสาวพรนิภา ราชธานี
1
8
จ 16 ก.ย. 2019 5:11 pm โดย thatsawan
การขอ STATEMENT ธนาคารกรุงไทย
โดย EyePornnipa จ 16 ก.ย. 2019 4:50 pm บอร์ด M089 - นางสาวพรนิภา ราชธานี
1
10
จ 16 ก.ย. 2019 5:14 pm โดย thatsawan
การขอ STATEMENT ธนาคารธนชาต
โดย EyePornnipa จ 16 ก.ย. 2019 4:20 pm บอร์ด M089 - นางสาวพรนิภา ราชธานี
0
6
จ 16 ก.ย. 2019 4:20 pm โดย EyePornnipa
วิธีการเดินจากบ้าน บุรีรัมย์ - กรุงเทพฯ
โดย birdkritsna จ 16 ก.ย. 2019 4:18 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
20
จ 16 ก.ย. 2019 4:18 pm โดย birdkritsna
สร้าง tab ยังไงให้สามารถใช้งานได้ครับ
โดย jamepiyawat จ 16 ก.ย. 2019 3:33 pm บอร์ด HTML CSS
2
22
จ 16 ก.ย. 2019 4:04 pm โดย jamepiyawat
list ความรู้ที่มี ว่าเคยเรียน หรือ เคยทำอะไรมาบ้าง
โดย birdkritsna จ 16 ก.ย. 2019 12:13 pm บอร์ด M094 - กฤษณะ จะโรจน์รัมย์
0
20
จ 16 ก.ย. 2019 12:13 pm โดย birdkritsna
Note
โดย birdkritsna จ 16 ก.ย. 2019 10:38 am บอร์ด M094 - กฤษณะ จะโรจน์รัมย์
0
2
จ 16 ก.ย. 2019 10:38 am โดย birdkritsna
Work's on Hand กฤษณะ จะโรจน์รัมย์ M094
โดย birdkritsna จ 16 ก.ย. 2019 10:38 am บอร์ด M094 - กฤษณะ จะโรจน์รัมย์
0
7
จ 16 ก.ย. 2019 10:38 am โดย birdkritsna
งานประจำวันที่ 16 กันยายน 2562
โดย birdkritsna จ 16 ก.ย. 2019 10:34 am บอร์ด M094 - กฤษณะ จะโรจน์รัมย์
1
19
จ 16 ก.ย. 2019 10:35 am โดย birdkritsna
งานประจำวันที 16 กันยายน 2562
โดย aninthana จ 16 ก.ย. 2019 10:25 am บอร์ด M092 - อนินธนา บุญยัง
4
22
จ 16 ก.ย. 2019 7:42 pm โดย Ittichai_chupol
งานประจำวันที่ 16 กันยายน 2562
โดย Patipat จ 16 ก.ย. 2019 10:24 am บอร์ด M088 - ปฏิภัทร สารธรรม
0
5
จ 16 ก.ย. 2019 10:24 am โดย Patipat
งานประจำวันที่ 16 กันยายน 2562
โดย jirawoot จ 16 ก.ย. 2019 10:18 am บอร์ด M090 - นายจิระวุฒิ อัครลิขิตกุล
1
8
จ 16 ก.ย. 2019 7:46 pm โดย jirawoot
งานประจำวันที่ 16 กันยายน 2562
โดย jamepiyawat จ 16 ก.ย. 2019 10:13 am บอร์ด M084 - นายปิยวัช เชาว์วิมล
3
10
จ 16 ก.ย. 2019 7:42 pm โดย jamepiyawat
งานประจำวันที่ 16 กันยายน 2562
โดย EyePornnipa จ 16 ก.ย. 2019 10:12 am บอร์ด M089 - นางสาวพรนิภา ราชธานี
1
21
จ 16 ก.ย. 2019 7:27 pm โดย EyePornnipa