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

在以下示例中,未使用任何第三变量,并且交换 已通过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