如何在 JavaScript 中透過解構交換變數?
有了解構,交換變數變得非常容易。在當代 javascript 中,交換需要使用另一個變數。它可能不太繁瑣,但很冗長。但在現代 javascript 中不需要第三個變數。讓我們詳細討論一下。
示例 1
在以下示例中,交換使用名為“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
由於解構,交換任務變得容易了。這裡我們不需要使用另一個變數,並且程式碼也不冗長。
示例 2
在以下示例中,沒有使用第三個變數,並且交換已透過解構完成。這裡的程式碼比上面的程式碼小得多。
<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
廣告