js的join方法
jsjoin法是javascript中常用的数组操作方法,也是ES5中新添加的函数类型。它可以把数组中的所有元素按照指定的分隔符连接为一个字符串。本文将重点介绍join方法的使用,让读者更好的理解join方法的本质和用法。
1、join方法的定义
join方法属于Array.prototype对象的原型方法,可以把数组中的每一个元素连接为一个字符串,并用一个分隔符作为连接符。它的定义格式如下:
arrayObject.join([separator])
其中,arrayObject为数组对象,separator为分隔符,可以是字符,也可以是字符串。
2、join方法的使用
(1)把数组中的元素按照指定的分隔符连接为一个字符串
例如:
var arr = [1,2,3];
var str = arr.join(|
console.log(str); //输出:1|2|3
从输出结果可以看出,把数组中的每一个元素都用“|”作为连接符,把它们连接成一个字符串,即“1|2|3”。
(2)分隔符不会出现在数组字符串的末尾
例如:
var arr = [1,2,3];
var str = arr.join(|
console.log(str); //输出:1|2|3
从输出结果可以看出,最后一个元素不会带有分隔符,因此最终形成的字符串是“1|2|3”,
而不是“1|2|3|”。
(3)如果参数为空或者没有传参,则默认使用“,”作为分隔符
例如:
var arr = [1,2,3];js方法
var str = arr.join();
console.log(str); //输出:1,2,3
从输出结果可以看出,这里没有传参,因此默认使用“,”作为分隔符,形成的字符串是“1,2,3”。
(4)如果参数不是字符或字符串,JS引擎会自动将其转换为字符串
例如:
var arr = [1,2,3];
var str = arr.join(3);
console.log(str); //输出:1,23
从输出结果可以看出,这里传入的参数不是字符或字符串,因此JS会将参数3自动转换为字符串,形成的字符串是“1,23”。
3、join方法的注意事项
(1)当传入的参数是一个字符串时,可能会出现意想不到的结果。比如:
var arr = [1,2,3];
var str = arr.join(abc
console.log(str); //输出:1abc2abc3
从输出结果可以看出,这里传入的参数是一个字符串“abc”,因此会首先把数组中的每一个元素和字符串连接起来,形成“1abc2abc3”,而不是把每一个字符连接起来。
(2)如果数组中有空元素,那么空元素也会被视为有效元素。比如:
var arr = [1,,3];
var str = arr.join(|
console.log(str); //输出:1||3
从输出结果可以看出,数组arr中有两个元素,其中第二个元素是空元素,即为undefined,因此输出的结果仍是“1||3”,这也就是说,元素的空值也会被视为有效元素,在输出时也会被添加到字符串中。
4、总结
join方法是javascript中常用的数组操作方法,它可以把数组中的所有元素按照指定的分隔符连接为一个字符串,它的定义格式为arrayObject.join([separator]),其中,arrayObject为数组对象,separator为分隔符,可以是字符,也可以是字符串。如果无参数,或参数为空,则默认使用“,”作为分隔符。如果传入参数不是字符或字符串,JS引擎会自动将其转换
为字符串。join方法使用起来非常方便,但在使用时也要注意一些细节问题,以避免出现意想不到的结果。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论