การเรียงลำดับช่วยให้คุณจัดเรียงข้อมูลในรูปแบบที่ต้องการ หมายความว่าการเข้าถึงและประมวลผลข้อมูลนี้ง่ายขึ้น ในบทความ 'Array Sort In JavaScript' นี้เราจะสำรวจวิธีต่างๆในการจัดเรียงข้อมูลใน JavaScript เราจะมุ่งเน้นไปที่คำแนะนำต่อไปนี้
- วิธีการจัดเรียงใน JavaScript
- การเรียงลำดับค่าตัวเลข
- การเรียงลำดับอาร์เรย์จากน้อยไปมาก
- การเรียงลำดับอาร์เรย์จากมากไปหาน้อย
- การเรียงลำดับอาร์เรย์ของวัตถุ
ดังนั้นให้เราเริ่มต้นด้วยหัวข้อแรกของ Array Sort In JavaScript Article
เรียงลำดับอาร์เรย์ในบทความ JavaScript
วิธีการจัดเรียงใน JavaScript
วิธีการ sort () จะจัดเรียงองค์ประกอบที่มีอยู่ในอาร์เรย์ตามลำดับและส่งคืนอาร์เรย์ที่เรียงลำดับเป็นเอาต์พุตให้กับผู้ใช้ วิธีการในตัวจะแปลงแต่ละองค์ประกอบที่มีอยู่ในอาร์เรย์เป็นไฟล์ สตริง และเปรียบเทียบตามลำดับจุดรหัส Unicode แม้ว่าจะเริ่มต้นด้วย การติดตั้ง อันดับแรก.
โค้ดด้านล่างเป็นไปตามลำดับอาร์เรย์พื้นฐานที่สุด:
serialization ใน java คืออะไร
var music = ['Pop', 'Rock', 'Jazz', 'Blues', 'Metal'] var sorted = music.sort () document.write (เพลง + '
')
เอาท์พุต:
บลูส์แจ๊สเมทัลป๊อปร็อค
ตอนนี้ให้เราดำเนินการต่อด้วย 'Array Sort In JavaScript' และดูว่าเราจะจัดเรียงค่าตัวเลขได้อย่างไร
การเรียงลำดับค่าตัวเลข
การเรียงลำดับตัวเลขเป็นสตริงให้ผลลัพธ์ที่ผิดพลาดและไม่ถูกต้อง
var music = ['Pop', 'Rock', 'Jazz', 'Blues', 'Metal'] var sorted = music.sort () document.write (เพลง + '
')
เอาท์พุต:
10,100,34,45,69,87
ผลลัพธ์ดูเหมือนจะไม่ถูกต้องอย่างแน่นอน สิ่งนี้เกิดขึ้นเนื่องจากอาร์เรย์ตัวเลขถูกแปลงเป็นสตริงโดยวิธีการเรียงลำดับ () ปัญหานี้สามารถกำจัดได้โดยใช้ไฟล์ เปรียบเทียบ ฟังก์ชัน
ไวยากรณ์ของฟังก์ชันมีดังนี้:
array.sort ([CompareFunction])
ฟังก์ชันการเปรียบเทียบจะจัดเรียงองค์ประกอบที่มีอยู่ในอาร์เรย์ตามคุณสมบัติที่แตกต่างกันและในลำดับที่ต่างกัน ฟังก์ชัน sort () เปรียบเทียบค่าสองค่าและส่งค่าไปยังฟังก์ชันเปรียบเทียบฟังก์ชันเปรียบเทียบเป็นไปตามกรณีทดสอบที่ระบุด้านล่าง:
- หากผลลัพธ์ของการเปรียบเทียบค่าทั้งสอง (a & b) คือ เชิงลบ a ถูกจัดเรียงก่อน b
- หากผลปรากฎว่า บวก , b ถูกจัดเรียงก่อน a.
- ถ้าผลลัพธ์เป็น 0 แล้ว ไม่มีการเปลี่ยนแปลง ปรากฏในลำดับการจัดเรียงของค่า a & b
ในส่วนของ Array Sort ใน JavaScript เราจะเรียงลำดับข้อมูลจากน้อยไปมาก
การเรียงลำดับอาร์เรย์จากน้อยไปมาก
ตัวอย่างต่อไปนี้แสดงให้เห็นถึงขั้นตอนการเรียงลำดับอาร์เรย์จากน้อยไปหามาก
var num = [45, 34, 69, 87, 100, 10] num.sort () // จัดเรียงหมายเลขอาร์เรย์ document.write (num)
เอาท์พุต:
3,18,25,28,29,69
การย้ายเพิ่มเติมให้เราตรวจสอบวิธีการจัดเรียงอาร์เรย์จากมากไปหาน้อย
เรียงลำดับอาร์เรย์จากมากไปหาน้อย
อาร์เรย์สามารถเรียงลำดับจากมากไปหาน้อยได้ดังนี้:
var num = [3, 25, 18, 28, 69, 29] // การเรียงลำดับอาร์เรย์โดยใช้ฟังก์ชันเปรียบเทียบ num.sort (ฟังก์ชัน (a, b) {return a - b}) document.write (num)เอาท์พุต:
69,29,28,25,18,3
เรายังสามารถจัดเรียงอาร์เรย์ของวัตถุให้เราดูวิธีการทำ
การเรียงลำดับอาร์เรย์ของวัตถุ
ฟังก์ชันการเปรียบเทียบสามารถใช้เพื่อจัดเรียงอาร์เรย์อ็อบเจ็กต์ได้อย่างมีประสิทธิภาพ
var people = [{name: 'Jeremy'}, {name: 'Ari'}, {name: 'Jonathan'}, {name: 'Alec'}, {name: 'Stephen'}] // เรียงตามชื่อคน .sort (ฟังก์ชัน (a, b) {var x = a.name.toLowerCase () // ละเว้นตัวพิมพ์ใหญ่และตัวพิมพ์เล็ก y = b.name.toLowerCase () // ละเว้นตัวพิมพ์ใหญ่และตัวพิมพ์เล็กถ้า (xy) {return 1} // ชื่อควรเป็นผลตอบแทนเท่ากัน 0}) // วนซ้ำองค์ประกอบทั้งหมดในอาร์เรย์สำหรับ (var i ในคน) {// วนซ้ำคุณสมบัติทั้งหมดในวัตถุสำหรับ (var prop ในคน [i]) {document .write (prop + ':' + คน [i] [prop] + '
')} document.write ('
')}เอาท์พุต:
ชื่อ: อเล็กซ์
ชื่อ: อารีย์
pseudocode ขั้นตอนวิธีการค้นหาแรกกว้าง
ชื่อ: เจเรมี
ชื่อ: โจนาธาน
ชื่อ: Stephen
วิธีการที่อธิบายไว้ในบทความแสดงให้เห็นอย่างพิถีพิถันถึงความจริงที่ว่าฟังก์ชันการจัดเรียงที่เชื่อมโยงกับฟังก์ชันเปรียบเทียบมีส่วนสำคัญอย่างยิ่งในภาษาสคริปต์
ด้วยเหตุนี้เราจึงมาถึงจุดสิ้นสุดของบล็อกนี้ใน 'Array Sort In JavaScript' ฉันหวังว่าคุณจะพบข้อมูลนี้และเป็นประโยชน์โปรดติดตามบทช่วยสอนเพิ่มเติมในหัวข้อที่คล้ายกันนอกจากนี้คุณยังสามารถชำระเงินโปรแกรมการฝึกอบรมของเราได้o รับความรู้เชิงลึกเกี่ยวกับ jQuery พร้อมกับแอพพลิเคชั่นต่างๆที่คุณทำได้ สำหรับการฝึกอบรมออนไลน์สดพร้อมการสนับสนุนตลอด 24 ชั่วโมงทุกวันและการเข้าถึงตลอดชีวิต
มีคำถามสำหรับเรา? พูดถึงพวกเขาในส่วนความคิดเห็นของบล็อกนี้แล้วเราจะติดต่อกลับไป