DIV CSS 佈局教程網

在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. 利用數組拼接字符串

復制代碼 代碼如下:
var empList = ['<li data-view-section="details">', '<span>Hello world</span>','</li>'].join("");

利用數組的join方法，把數組轉成字符串

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的類來完成字符串的拼接。

以上所述就是本文的全部內容了，希望大家能夠喜歡。