如何在 JavaScript 中使用解构交换变量?
javascriptobject oriented programmingfront end technology更新于 2025/5/31 16:44:17
使用解构交换变量变得非常容易。在当代 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
相关文章
有用资源
javascript 参考教程 - 该教程包含有关 javascript 的更多信息:https://www.cainiaomax.com/javascript/
