如何在 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 次浏览

开启你的 职业生涯

完成该课程以取得认证

立即开始
广告