本文給大家匯總介紹了幾種javascript中字符串拼接的方法，十分的簡單實用，有需要的小伙伴可以參考下。
在JavaScript中會經常遇到字符串拼接，但是如果要拼接的字符串過長就比較麻煩了。
如果在一行的話，可讀性太差；如果換行的話，會直接報錯。
現在就來介紹幾個JavaScript拼接字符串的幾個小技巧(主要針對字符串過長的情況)。
1. 字符串相加(+)
|
1
2
3
|
var
empList =
' <li data-view-section="details">'
+
'<span>Hello world</span>'
+
'</li>'
;
|
2.利用反斜杠拼接字符串
|
1
2
3
|
var
empList =
' <li data-view-section="details">\
<span>Hello world</span>\
</li>'
;
|
3. 利用數組拼接字符串
復制代碼代碼如下:
var empList = ['<li data-view-section="details">', '<span>Hello world</span>','</li>'].join("");
利用數組的join方法，把數組轉成字符串
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
function
StringBuffer(){
this
.buffer = [];
}
//將新添加的字符串添加到數組中
StringBuffer.prototype.append =
function
(str){
this
.buffer.push(str);
return
this
;
};
//轉成字符串
StringBuffer.prototype.toString =
function
(){
return
this
.buffer.join(
""
);
};
//用法
var
buffer =
new
StringBuffer();
buffer.append(
"hello"
);
buffer.append(
',world'
);
console.log(buffer.toString());
|
在數組方法的基礎上可以封裝一個類似Java中的StringBuffer的類來完成字符串的拼接。
以上所述就是本文的全部內容了，希望大家能夠喜歡。