JavaScript中join方法如何实例讲解？
- 内容介绍
- 文章标签
- 相关推荐
本文共计562个文字，预计阅读时间需要3分钟。
我们来看看`Array.join()`函数的基本语法：`Array.join([separator])`。其中，`separator`表示用于分隔数组中每个元素的字符串。如果省略`separator`，则默认使用逗号`,`分隔。
例如，如果数组是`[1, 2, 3]`，则使用默认分隔符会返回字符串`1,2,3`。若要使用其他分隔符，例如`'|'`，可以这样调用：`[1, 2, 3].join('|')`，返回结果将是`1|2|3`。
此函数返回通过使用分隔符连接数组中每个元素的字符串。
我们先来看一下Array.join()函数的基本语法
Array.join([separator])
separator表示用于分隔数组的每个元素的字符串。如果保留默认数组元素，请用逗号（，）分隔。
此函数返回通过使用分隔符连接数组的所有元素而创建的字符串。如果未提供分隔符，则使用逗号（，）连接数组元素，因为它是此函数的默认分隔符。如果提供空字符串作为分隔符，则元素将直接连接，而它们之间没有任何字符。如果array为空，则此函数返回空字符串。
下面我们来看具体的示例
例1：
代码如下
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <script> function func() { var a = [ 1, 2, 3, 4, 5, 6 ]; document.write(a.join('|')); } func(); </script> </body> </html>
输出结果如下：1|2|3|4|5|6
例2：
代码如下
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <script> function func() { var a = [ 1, 2, 3, 4, 5, 6 ]; document.write(a.join()); } func(); </script> </body> </html>
输出结果如下：1,2,3,4,5,6
例3：
代码如下
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <script> function func() { var a = [ 1, 2, 3, 4, 5, 6 ]; document.write(a.join('')); } func(); </script> </body> </html>
输出结果如下：123456
本文共计562个文字，预计阅读时间需要3分钟。
我们来看看`Array.join()`函数的基本语法：`Array.join([separator])`。其中，`separator`表示用于分隔数组中每个元素的字符串。如果省略`separator`，则默认使用逗号`,`分隔。
例如，如果数组是`[1, 2, 3]`，则使用默认分隔符会返回字符串`1,2,3`。若要使用其他分隔符，例如`'|'`，可以这样调用：`[1, 2, 3].join('|')`，返回结果将是`1|2|3`。
此函数返回通过使用分隔符连接数组中每个元素的字符串。
我们先来看一下Array.join()函数的基本语法
Array.join([separator])
separator表示用于分隔数组的每个元素的字符串。如果保留默认数组元素，请用逗号（，）分隔。
此函数返回通过使用分隔符连接数组的所有元素而创建的字符串。如果未提供分隔符，则使用逗号（，）连接数组元素，因为它是此函数的默认分隔符。如果提供空字符串作为分隔符，则元素将直接连接，而它们之间没有任何字符。如果array为空，则此函数返回空字符串。
下面我们来看具体的示例
例1：
代码如下
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <script> function func() { var a = [ 1, 2, 3, 4, 5, 6 ]; document.write(a.join('|')); } func(); </script> </body> </html>
输出结果如下：1|2|3|4|5|6
例2：
代码如下
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <script> function func() { var a = [ 1, 2, 3, 4, 5, 6 ]; document.write(a.join()); } func(); </script> </body> </html>
输出结果如下：1,2,3,4,5,6
例3：
代码如下
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <script> function func() { var a = [ 1, 2, 3, 4, 5, 6 ]; document.write(a.join('')); } func(); </script> </body> </html>
输出结果如下：123456