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