如何在 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

更新於: 2020 年 6 月 30 日

178 次瀏覽

開啟你的 職業生涯

完成該課程以取得認證

立即開始
廣告