JavaScript字符串拼接小技巧

javaScript字符串拼接小技巧

在Javascript中会经常遇到字符串拼接，但是如果要拼接的字符串过长就比较麻烦了。

如果在一行的话，可读性太差；如果换行的话，会直接报错。

现在就来介绍几个JavaScript拼接字符串的几个小技巧(主要针对字符串过长的情况)。

1. 字符串相加(+)

var empList = ' <li data-view-section="details">'+    '<span>Hello world</span>'+      '</li>';

2.利用反斜杠拼接字符串

var empList = ' <li data-view-section="details">/<span>Hello world</span>/</li>';

3. 利用数组拼接字符串

利用数组的join方法，把数组转成字符串

var empList = ['<li data-view-section="details">', '<span>Hello world</span>','</li>'].join("");

在数组方法的基础上可以封装一个类似Java中的StringBuffer的类来完成字符串的拼接。

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());