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