javascript字符串拼接方法详解
发布时间：01/15 来源： 浏览：
关键词：
本文章来给各位同学总结一下javascript字符串拼接方法总结，在js中不但可以直接使用+连接字符串还可以使用相关函数，下面看教程。
字符串拼接在JS中是常遇到的，有时候遇到长字符串的拼接就会比较麻烦了。比如html字符串；
| 代码如下 | |
|
var str = "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"; |
|
编辑器的宽度有限，为了程度的可读性，必须对字符串进行换行处理。但如果你直接像下面这么换行，就会直接报错了。
| 代码如下 | |
var str = "aaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaa";var str = "aaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaa"; |
|
这时候，你需要对字符串进行拼接处理，最基本的方法：
| 代码如下 | |
var str = "aaaaaaaaaaaaaaaaaa" + "aaaaaaaaaaaaaaaaaaaaaa" + "aaaaaaaaaaaaaaaaaaaaaaa";var str = "aaaaaaaaaaaaaaaaaa" + "aaaaaaaaaaaaaaaaaaaaaa" + "aaaaaaaaaaaaaaaaaaaaaaa"; |
|
如果只有两三行那还好办，要有个几十行，不但费时费力，还容易出错。
字符串拼接的技巧，利用数组进行字符拼接：
| 代码如下 | |
| var strArr = []; strArr.push("aaaaaaaaaaaaaaaaaa"); strArr.push("aaaaaaaaaaaaaaaaaaaaaa" ); strArr.push("aaaaaaaaaaaaaaaaaaaaaaa"); strArr.join("");var strArr = []; strArr.push("aaaaaaaaaaaaaaaaaa"); strArr.push("aaaaaaaaaaaaaaaaaaaaaa" ); strArr.push("aaaaaaaaaaaaaaaaaaaaaaa"); strArr.join(""); |
|
这种方法减少了出错的概率，但工程量依然不小。
更方便的字符串拼接方法：
在字符串中直接换行，会产生错误，但如果在每行的后面加一个反斜杠“”就不会产生错误了；
| 代码如下 | |
| var str = "aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaa"; //最后一行不需要添加反斜杠var str = "aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaa"; |
|
//最后一行不需要添加反斜杠当然，这个方法也有一个缺点，就是每行的后面不能再进行单行注释了。
至于这几种方法之间的性能对比，我觉得不用太多考虑，除非有成千上万行的字符串拼接，否则性能差距可以忽不计；程序的可读性应放在前面。
