javascript字符串拼接方法详解
来源：自学PHP网
时间：2014-09-19 14:47 作者：
阅读:次
[导读] 本文章来给各位同学总结一下javascript字符串拼接方法总结，在js中不但可以直接使用+连接字符串还可以使用相关函数，下面看教程。...
|
字符串拼接在JS中是常遇到的，有时候遇到长字符串的拼接就会比较麻烦了。比如html字符串；
| 代码如下 |
复制代码 |
|
var str = "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa";
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";
|
//最后一行不需要添加反斜杠当然，这个方法也有一个缺点，就是每行的后面不能再进行单行注释了。
至于这几种方法之间的性能对比，我觉得不用太多考虑，除非有成千上万行的字符串拼接，否则性能差距可以忽不计；程序的可读性应放在前面。 |
