JavaScript - Array join() 方法

JavaScript 的Array join() 方法用於將陣列元素連線成一個字串，並使用指定的分割符。它返回結果字串。

如果未指定分割符，則預設情況下，陣列元素將由 (,) 逗號分隔。
此方法不會更改原始陣列，而是返回一個新的字串作為結果。
如果陣列只有一個專案，則將返回該值，而無需分割符。

語法

以下是 JavaScript Array join() 方法的語法：

array.join(separator);

引數

此方法僅接受一個引數。如下所述：

"separator" 是一個字串，用於分隔結果字串中的元素。預設情況下，它用 (,) 逗號分隔。

返回值

一個表示陣列元素的字串，由指定的分割符連線。

示例

示例 1

如果我們沒有向 JavaScript Array copyWithin() 方法傳遞任何分割符，則預設情況下它將使用 (,) 逗號分隔元素。

<html>
<body>
   <p id="demo"></p>
   <script>
      const animals = ["Lion", "Chetaah", "Tiger", "Elephant", "Dinosaur"];
      let result = animals.join();
      document.getElementById("demo").innerHTML = result;
   </script>
</body>
</html>

輸出

如我們所見，陣列中的所有元素都用 (,) 逗號分隔。

Lion,Chetaah,Tiger,Elephant,Dinosaur

示例 2

在這裡，我們將一個空字串作為引數傳遞給此函式。這樣，它將返回元素，沒有 (,) 逗號並且它們之間沒有空格。

<html>
<body>
   <p id="demo"></p>
   <script>
      const animals = ["Lion", "Chetaah", "Tiger", "Elephant", "Dinosaur"];
      let result = animals.join("");
      document.getElementById("demo").innerHTML = result;
   </script>
</body>
</html>

輸出

執行上述程式後，陣列元素將被分隔，它們之間沒有空格。

LionChetaahTigerElephantDinosaur

示例 3

在這裡，我們將 "and" 作為分割符傳遞給此函式。這樣，陣列元素將由 "and" 分隔。

<html>
<body>
   <p id="demo"></p>
   <script>
      const animals = ["Lion", "Chetaah", "Tiger", "Elephant", "Dinosaur"];
      let result = animals.join(" and ");
      document.getElementById("demo").innerHTML = result;
   </script>
</body>
</html>

輸出

執行上述程式後，陣列元素將由 "and" 分隔。

Lion and Chetaah and Tiger and Elephant and Dinosaur

列印頁面