ใช้ Spread Operator รวม Array ใน JavaScript

รวมอาร์เรย์ 2 ตัวขึ้นไป มี built-in array.concat() แต่ spread operator ทำได้ง่ายกว่า

รูปแบบ

var merged = [...arr1, ...arr2];

ลองรวมโดยไม่ใช้ spread operator

ตัวอย่างที่ 1: ใช้ array.concat() รวม 2 อาร์เรย์

ตัวอย่างที่ 1 (concat)

<html> <body> 
    <script> 
        var arr1 = [1,2,3]; 
        var arr2 = [4,5,6]; 
        var merged = arr1.concat(arr2); 
        document.write(merged); 
    </script> 
</body> </html>

ผลลัพธ์

1,2,3,4,5,6

Spread Operator

ตัวอย่างที่ 2: ใช้ spread operator รวม 2 อาร์เรย์

ตัวอย่างที่ 2 (Spread)

<html> <body> 
    <script> 
        var arr1 = [1,2,3]; 
        var arr2 = [4,5,6]; 
        var merged = [...arr1, ...arr2]; 
        document.write(merged); 
    </script> 
</body> </html>

ผลลัพธ์

1,2,3,4,5,6

ตัวอย่างที่ 3: ใช้ spread รวม 3 อาร์เรย์ concat() ยากถ้าอาร์เรย์เยอะ spread ทำได้ง่าย

ตัวอย่างที่ 3 (รวม 3 อาร์เรย์)

<html> <body> 
    <script> 
        var arr1 = [1,2,3]; 
        var arr2 = [4,5,6]; 
        var arr3 = [7,8,9]; 
        var merged = [...arr1, ...arr2, ...arr3]; 
        document.write(merged); 
    </script> 
</body> </html>

ผลลัพธ์

1,2,3,4,5,6,7,8,9