วิธีสลับค่าตัวแปรด้วย Destructuring ใน JavaScript

การสลับตัวแปร (swapping) แบบเดิมต้องใช้ตัวแปรชั่วคราว (temp) ทำให้โค้ดยาว ES6 destructuring assignment ทำให้สลับได้ในบรรทัดเดียว ไม่ต้องใช้ตัวแปรกลาง

วิธีเดิม ใช้ temp

<html> <body> <script> 
    var a = "Sachin"; 
    var b = "Tendulkar"; 
    document.write("Before swapping- " + a + " " + b); 
    var tmp = a; 
    a = b; 
    b = tmp; 
    document.write("<br>"); 
    document.write("After swapping- " + a + " " + b); 
</script> </body> </html>

ผลลัพธ์

Before swapping- Sachin Tendulkar After swapping- Tendulkar Sachin

วิธีใหม่ ใช้ Destructuring

<html> <body> <script> 
    var a = "Sachin"; 
    var b = "Tendulkar"; 
    document.write("Before swapping- " + a + " " + b); 
    [a, b] = [b, a]; 
    document.write("<br>"); 
    document.write("After swapping- " + a + " " + b); 
</script> </body> </html>

ผลลัพธ์

Before swapping- Sachin Tendulkar After swapping- Tendulkar Sachin