Cách hoán đổi biến với destructuring trong JavaScript

Hoán đổi (Swapping) biến trở nên rất dễ dàng nhờ destructuring (phân rã). Trong JavaScript truyền thống, hoán đổi cần một biến trung gian. Không quá phức tạp nhưng dài dòng. Trong JS hiện đại, không cần biến thứ ba. Hãy thảo luận chi tiết.

Ví dụ 1

Trong ví dụ sau, hoán đổi dùng biến trung gian "temp". Do đó mã dài hơn.

<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>

Kết quả

Before swapping- Sachin Tendulkar After swapping- Tendulkar Sachin

Việc hoán đổi trở nên dễ dàng nhờ destructuring. Không cần biến thứ ba và mã ngắn gọn hơn.

Ví dụ 2

Trong ví dụ sau, không dùng biến thứ ba và hoán đổi bằng destructuring. Mã ngắn gọn hơn nhiều.

<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>

Kết quả

Before swapping- Sachin Tendulkar After swapping- Tendulkar Sachin