本文给大家汇总介绍了几种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的类来完成字符串的拼接。
以上所述就是本文的全部内容了,希望大家能够喜欢。