在之前的文章《js怎么知道给定子串是不是存在》中,我们介绍了通过获取子串在字符串的第一次或最后一次出现位置,进而判断给定子串是否存在的方法。这次我们继续JavaScript字符串的学习,介绍一下拼接字符串的多个方法。
在JavaScript字符串中,一说到拼接字符串,就会想到使用字符串连接运算符“+
”,使用它让两个或多个字符串变量连接起来:
var str1 = "Hello"; var str2 = "World"; var splicing = str1+" "+str2; console.log("str1字符串为:"+str1); console.log("str2字符串为:"+str2); console.log("拼接之后的字符串为:"+splicing);
输出结果:
但除了字符串连接运算符“+
”,JavaScript还内置了两个函数concat()或者join(),也可以用来实现字符串的拼接(在特定的代码环境中使用)。下面我们来了解一下:
1、使用concat()方法
concat()方法可以连接两个或多个字符串
var str1 = "Hello"; var str2 = str1.concat(" ","World"," ","!"); console.log("str1字符串为:"+str1); console.log("拼接之后的字符串为:"+str2);
分析:string.concat(str1,str2,...,strN)
函数可以把多个参数str1,str2,...,strN
添加到指定字符串string
的尾部,然后返回连接后的字符串。
看看输出结果:
说明:concat()方法不会修改原字符串的值,因此 string
本身并没有被更改。
2、使用join()方法
join()方法其实是一个数组方法,可以把数组中的所有元素放入一个字符串。
在特定的操作环境中,我们可以借助该 join() 方法来连接字符串,如 HTML 字符串输出等。
var arr=new Array(); arr=["www","php","cn"]; var str=arr.join(""); arr = null; document.write(str);
看看输出结果:
在传统浏览器中,使用数组的 join() 方法连接超大字符串时,速度会很快,是推荐的最佳方法。
var s = "JavaScript"; var arr=new Array(); for (var i = 0; i < 10; i ++) { arr.push(s); } var str=arr.join("-"); arr = null; document.write(str);
看看输出结果:
可以看出,array.join(分隔符)
函数可以使用指定分隔符来将array数组中元素两两连接在一起,形成一个字符串并输出。
好了,就说到这里了,有需要的可以看:javascript高级教程
以上是JS字符串学习之巧用函数来连接多个字符串的详细内容。更多信息请关注PHP中文网其他相关文章!