JavaScript 如何使用解构赋值交换变量

解构赋值 是在EcmaScript2015中引入的一种特性，它允许您从数组和对象的属性中提取内容到不同的变量中，而不需要编写重复的代码。

示例1： 在这个示例中，我们声明了两个未赋值的变量a和b，并且声明了一个包含两个字符串“First”和“Second”的数组。在第5行，我们使用解构赋值将数组的值分别赋给a和b。

Javascript

<script> 
  let a; 
  let b; 
  let array = ["First", "Second"]; 
  
  [a, b] = array; 
  console.log("a:", a); 
  console.log("b:", b); 
</script>

输出：

a: First 
b: Second

如您所见，变量 a 被赋值为字符串“First”，变量 b 被赋值为字符串“Second”。

示例2： 在这里，我们声明了两个变量 a 和 b，分别赋值为“First”和“Second”。在下一行中，我们使用解构赋值交换了这两个变量。

Javascript

<script> 
  let a = "First"; 
  let b = "Second"; 
  [a, b] = [b, a]; 
  
  console.log("a:", a); 
  console.log("b:", b); 
</script>

输出：

a: Second
b: First