数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究如何在 JavaScript 中使用解构赋值交换变量？
解构赋值是ECMAScript 2015中引入的一个特性。该特性允许用户提取数组的内容和对象的属性，而无需编写重复的代码，从而将其拆分到不同的变量中
此赋值允许表达式将值从数组和属性解包到不同的变量中。
示例 1
在以下示例中，我们使用解构赋值来给变量赋值。在示例中，我们定义了两个变量：first 和 second。在方法中，我们将解构变量以将数组的变量分别赋值给 x 和 y。
# index.html
<!DOCTYPE html>
<html>
<head>
<title>Checking If a Number is Even</title>
</head>
<body>
<h1 style="color: green;">
Welcome To Tutorials Point
</h1>
<script>
let x;
let y;
let arr = ["First", "Second"];
[x, y] = arr;
console.log("x:", x);
console.log("y:", y);
</script>
</body>
</html>输出
示例 2
在以下示例中，我们将赋值 first，如上例所示。一旦值被赋值，我们将交换这些值，然后将它们赋值给 x 和 y。
# index.html
<!DOCTYPE html>
<html>
<head>
<title>Checking If a Number is Even</title>
</head>
<body>
<h1 style="color: green;">
Welcome To Tutorials Point
</h1>
<script>
let x;
let y;
let arr = ["First", "Second", "Third", "Fourth", "Fifth"];
[x, y, ...rest] = arr;
[x, y] = [y,x];
console.log("x: ", x);
console.log("y: ", y);
console.log("Rest Numbers: ", rest);
</script>
</body>
</html>输出
更新于： 2022 年 4 月 26 日
209 次浏览
广告