如何在 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 次瀏覽

開啟你的 職場生涯

完成課程認證

開始
廣告