เราขอแนะนำตัวอย่างการเขียนคำสั่ง 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
เป็นยังไงกันบ้างคะสำหรับบทความ Javascript Sorting Array เรียงข้อมูลอาเรย์ ในบรรทัดเดียว ดูเพลินก็หวังว่าบทความของเราจะเป็นประโยชน์ต่อท่านไม่มากก็น้อย นอกจากนี้ เรายังมีบทความดี ๆ อีกมากมาย คุณสามารถลองคลิกเขาไปอ่านบทความอื่น ๆ ตามลิงค์ด้านล่างได้เลย