2023年7月22日发(作者：)

js的join方法

jsjoin法是javascript中常用的数组操作方法，也是ES5中新添加的函数类型。它可以把数组中的所有元素按照指定的分隔符连接为一个字符串。本文将重点介绍join方法的使用，让读者更好的理解join方法的本质和用法。

1、join方法的定义

join方法属于ype对象的原型方法，可以把数组中的每一个元素连接为一个字符串，并用一个分隔符作为连接符。它的定义格式如下：

([separator])

其中，arrayObject为数组对象，separator为分隔符，可以是字符，也可以是字符串。

2、join方法的使用

（1）把数组中的元素按照指定的分隔符连接为一个字符串

例如：

var arr = [1,2,3];

var str = (|

(str); //输出：1|2|3

从输出结果可以看出，把数组中的每一个元素都用“|”作为连接符，把它们连接成一个字符串，即“1|2|3”。

（2）分隔符不会出现在数组字符串的末尾

例如：

- 1 - var arr = [1,2,3];

var str = (|

(str); //输出：1|2|3

从输出结果可以看出，最后一个元素不会带有分隔符，因此最终形成的字符串是“1|2|3”，而不是“1|2|3|”。

（3）如果参数为空或者没有传参，则默认使用“,”作为分隔符

例如：

var arr = [1,2,3];

var str = ();

(str); //输出：1,2,3

从输出结果可以看出，这里没有传参，因此默认使用“,”作为分隔符，形成的字符串是“1,2,3”。

（4）如果参数不是字符或字符串，JS引擎会自动将其转换为字符串

例如：

var arr = [1,2,3];

var str = (3);

(str); //输出：1,23

从输出结果可以看出，这里传入的参数不是字符或字符串，因此JS会将参数3自动转换为字符串，形成的字符串是“1,23”。

3、join方法的注意事项

（1）当传入的参数是一个字符串时，可能会出现意想不到的结 - 2 - 果。比如：

var arr = [1,2,3];

var str = (abc

(str); //输出：1abc2abc3

从输出结果可以看出，这里传入的参数是一个字符串“abc”，因此会首先把数组中的每一个元素和字符串连接起来，形成“1abc2abc3”，而不是把每一个字符连接起来。

（2）如果数组中有空元素，那么空元素也会被视为有效元素。比如：

var arr = [1,,3];

var str = (|

(str); //输出：1||3

从输出结果可以看出，数组arr中有两个元素，其中第二个元素是空元素，即为undefined，因此输出的结果仍是“1||3”，这也就是说，元素的空值也会被视为有效元素，在输出时也会被添加到字符串中。

4、总结

join方法是javascript中常用的数组操作方法，它可以把数组中的所有元素按照指定的分隔符连接为一个字符串，它的定义格式为([separator])，其中，arrayObject为数组对象，separator为分隔符，可以是字符，也可以是字符串。如果无参数，或参数为空，则默认使用“,”作为分隔符。如果传入参数不是字符 - 3 - 或字符串，JS引擎会自动将其转换为字符串。join方法使用起来非常方便，但在使用时也要注意一些细节问题，以避免出现意想不到的结果。

- 4 -