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

打印页面