เราขอแนะนำตัวอย่างการเขียนคำสั่ง Javascript ตัวอย่างการเรียงข้อมูลในอาเรย์ เรียงค่า ตัวเลข ตัวอักษร จากน้อยไปมาก ascending จากมากไปน้อย descending โดยในภาษา javascript นั้น สามารถเขียนโค้ดเพื่อเรียงลำดับได้หลายแบบ จะเขียนยังไง ลองมาอ่านดูคะ
ตัวอย่างการเขียนโค้ด Javascript สำหรับเรียงข้อมูลตัวเลข เรียงจากน้อยไปมาก และ เรียงจากมากไปน้อย
เรียงข้อมูลตัวเลขจากน้อยไปมาก sort ascending
function sortAscending(arr) { return arr.sort(function(a, b) { return a - b; }); } let numbers = [3, 1, 4, 2, 5]; numbers = sortAscending(numbers); console.log(numbers); //ผลลัพธ์ [1, 2, 3, 4, 5]
แต่คุณสามารถเขียนให้สั้นลงได้โดยเขียนแบบนี้
let numbers = [3, 1, 4, 2, 5]; numbers.sort((a, b) => (a > b ? 1 : -1)); console.log(numbers); //ผลลัพธ์ [1, 2, 3, 4, 5]
โค้ดด้านบนคือตัวอย่างรูปแบบการทำงานของ Method Sort() ที่จริงแล้วคุณแค่เขียนโค้ดสั้น ๆ แบบนี้ก็ใช้งานได้แล้ว
let numbers = [3, 1, 4, 2, 5]; numbers.sort(); console.log(numbers); //ผลลัพธ์ [1, 2, 3, 4, 5]
แน่นอนว่าจะใช้เรียงตัวเลขหรือตัวอักษรก็ได้ผลเหมือนกัน
let fruits = ['orange', 'banana', 'apple', 'mango']; fruits.sort(); console.log(fruits); //ผลลัพธ์ ['apple', 'banana', 'mango', 'orange']
เรียงข้อมูลตัวเลขจากมาก sort descending
function sortDescending(arr) { return arr.sort(function(a, b) { return a - b; }); } let numbers = [3, 1, 4, 2, 5]; numbers = sortDescending(numbers); console.log(numbers); //ผลลัพธ์ [5, 4, 3, 2, 1]
แต่คุณสามารถเขียนให้สั้นลงได้โดยเขียนแบบนี้
let numbers = [3, 1, 4, 2, 5]; numbers.sort((a, b) => (a < b ? 1 : -1)); console.log(numbers); //ผลลัพธ์ [5, 4, 3, 2, 1]
โค้ดด้านบนคือตัวอย่างรูปแบบการทำงานของ Method Sort() ที่จริงแล้วคุณแค่เขียนโค้ดสั้น ๆ โดยใช้งาน sort() ร่วมกับ reverse() แบบนี้ก็ได้
let numbers = [3, 1, 4, 2, 5]; numbers.sort().reverse(); console.log(numbers); //ผลลัพธ์ [5, 4, 3, 2, 1]
แน่นอนว่าจะใช้เรียงตัวเลขหรือตัวอักษรก็ได้ผลเหมือนกัน
let fruits = ['orange', 'banana', 'apple', 'mango']; fruits.sort().reverse(); console.log(fruits); //ผลลัพธ์ ['orange', 'mango', 'banana', 'Apple']
สรุปการใช้งาน Method sort() และ reverse() ของ Javascript
- sort() ใช้สำหรับเรียงข้อมูลใน Array จากน้อยไปหามาก โดยวิธีการใช้งาน คือ ตัวแปร.sort()
- reverse() ใช้สำหรับเรียงข้อมูลใน Array จากมากไปหาน้อย โดยจะใช้งาน ร่วมกับ Method sort() คือ ชื่อตัวแปร.sort().reverse();
บทความอื่น ๆ เกี่ยวกับ Javascript Array และ Object
บทความอื่น ๆ ที่เกี่ยวข้องกับ Javascript/jQuery
- Bootstrap datepicker thai วิธีทำ datepicker php ภาษาไทย
- Code script เช็คเลขบัตรประชาชน แบบ Real-time
- Code script ตรวจสอบรูปแบบ URL pattern แบบ Real-time
- Code script ตรวจสอบรูปแบบ Email pattern แบบ Real-time
- Javascript เปิด/ปิด ซ่อน/แสดง Element โดยใช้ jQuery แบบต่างๆ
- Javascript เทคนิค Check & Get ค่า Hash จาก URL
- แจกฐานข้อมูล จังหวัด อำเภอ ตำบล และ Dropdown jQuery Ajax
- วิธีทำ Textbox Autocomplete จากฐานข้อมูล ด้วย jQuery Ajax
- วิธีทำ Search Table การ Filter ซ่อน/แสดง row เมื่อกรอก Textbox
- เทคนิค วิธีการ Set Delay ให้กับ Function Javascript
เป็นยังไงกันบ้างคะสำหรับบทความ Javascript Sorting Array เรียงข้อมูลอาเรย์ ในบรรทัดเดียว ดูเพลินก็หวังว่าบทความของเราจะเป็นประโยชน์ต่อท่านไม่มากก็น้อย นอกจากนี้ เรายังมีบทความดี ๆ อีกมากมาย คุณสามารถลองคลิกเขาไปอ่านบทความอื่น ๆ ตามลิงค์ด้านล่างได้เลย