JavaScript Join

2025年3月2日 | 阅读 4 分钟

JavaScript 中的 Join() 方法是什么?

在 JavaScript 中,join() 方法用于将数组的元素连接成一个字符串。字符串的元素将由一个特定的分隔符分隔,其默认值为逗号 (, )。

简而言之,通过使用 join 方法,我们可以创建并返回一个新的字符串,该字符串是通过将数组中的所有元素连接起来,并以指定的分隔符分隔而成的。

JavaScript 数组的 join() 方法将数组的所有元素合并成一个字符串并返回一个新的字符串。我们可以使用任何类型的分隔符来分隔给定的数组元素。

基本上,JavaScript 数组 join() 是一个方法,由 JavaScript 提供,它接受一个数组作为输入,并返回一个由分隔符连接的数组所有元素组成的字符串。

分隔符是一个可选参数,因为默认值为逗号 (, )。这意味着将连接数组中的所有元素。使用此方法,我们无法连接数组中的特定元素。

语法

让我们看看 join() 方法的语法

参数

此方法接受一个参数,如上例所示

分隔符: 在 join() 方法中,分隔符是一个可选参数。它表示用于分隔数组元素的字符。

返回值

它是一个连接了所有数组元素的字符串。假设如果数组长度为 0,则它将返回空字符串。如果数组为 null 或 undefined,则会引发错误,因为无法读取 undefined 或 null 的属性,分别对应于值设置为 undefined 或 null 的输入数组。

JavaScript join() 方法如何工作?

在 JavaScript 中,join 方法或函数通过组合数组或数组的元素来工作,并存储一个字符串值。它主要通过一个参数“separator1”工作。

join() 方法主要与 ECMAScript 1 一起使用。它基本上只适用于不同浏览器版本的不同类型。在 JavaScript 中,join() 方法可以用于 Chrome 1.0、Internet Explorer 5.5 版本、Firefox 1.0 版本、所有 Safari 浏览器版本和所有 Opera 浏览器版本等。

示例

让我们来看一些 JavaScript 中数组 join() 方法的例子

以四种不同的方式连接数组

让我们创建一个数组,并以四种不同的方式连接它

输出

 
Ruby,Python,JavaScript,C#
RubyPythonJavaScriptC#
Ruby + Python + JavaScript + C#
Ruby,  Python,  JavaScript,  C#     

说明

在上面的示例中,我们使用了四种不同的方式连接数组,例如使用默认分隔符、使用空字符串、使用加号以及使用逗号后跟空格。

连接类数组对象

在 JavaScript 中,数组连接可以通过调用 function.prototype.call on Array.prototype.join 来连接类数组对象。嵌套数组中的元素也会被连接。

输出

 
Name, Age, Gender, S,true, 20, Male   

说明

在上面的示例中,我们可以看到嵌套数组中的元素也被连接起来了。

示例

输出

 
Red, Green, Blue, Yellow, Purple
1 - 2 - 3 - 4 - 5
John (30), Jane (25), Bob (40)
Hello | World |  Foo | Bar Baz   

结论

JavaScript 中的 `join()` 方法用于将数组的元素合并成一个字符串,然后返回该结果字符串。此方法的输入是一个数组,输出是一个字符串。它不会改变原始数组。如果提供了分隔符,数组的元素将使用指定的分隔符进行分隔。如果未提供分隔符,则在 JavaScript 的 `join()` 方法中,逗号将用作默认分隔符。