Devdit
 

JavaScript ลบข้อมูลซ้ำใน Array

2.8K

สอนภาษา JavaScript ลบข้อมูลซ้ำใน Array โดยใช้หลักการวนลูปข้อมูลที่ละตัว และเช็คว่ามีข้อมูลหรือไม่ด้วย indexOf กรณีไม่พบข้อมูลให้เพิ่มข้อมูลลงใน Array ตัวใหม่ด้วยคำสั่ง push สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง JavaScript ลบข้อมูลซ้ำใน Array

<script>
    const a = ["apple", "orange", "banana", "berry", "orange", "apple"];
    var b = [];
    for( var i=0; i<a.length; i++ ) {
        if ( b.indexOf( a[i] ) < 0 ) b.push( a[i] );
    }
    console.log( a );
    console.log( b );
</script>

ผลลัพธ์

(6) ['apple', 'orange', 'banana', 'berry', 'orange', 'apple']
(4) ['apple', 'orange', 'banana', 'berry']

คำอธิบาย

1. ตัวแปร array a มีค่าซ้ำ 2 ข้อมูลคือ orange และ apple

2. สร้างตัวแปร b ชนิด array เพื่อมารับค่าข้อมูล array เฉพาะที่ไม่ซ้ำจากตัวแปร a

3. ใช้ for loop วนลูปข้อมูลที่ละตัวของ array a และเช็คว่ามีอยู่ใน array b ไหมด้วยคำสั่ง indexOf กรณีไม่มีข้อมูลให้เพิ่มข้อมูลลงใน array b ด้วยคำสั่ง push

เขียน 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ