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