1. 首页
  2. JavaScript 菜鸟教程
  3. JavaScript - Array join() 方法

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
<< JavaScript - Array indexOf() 方法 JavaScript - Array lastIndexOf() 方法 >>