Javascript Sorting Array เรียงข้อมูลอาเรย์ ในบรรทัดเดียว

Spread the love

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

เทคนิคอื่นๆ เกี่ยวกับการเขียนโค้ด คลิก

อย่าลืมไปติดตาม Facebook fanpage ของเรา >> Click <<