浅谈JavaScript字符串拼接

本文给大家汇总介绍了几种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的类来完成字符串的拼接。

以上所述就是本文的全部内容了，希望大家能够喜欢。

来源： http://www.jb51.net/article/68410.htm

来自为知笔记(Wiz)