DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> 淺談JavaScript字符串拼接
淺談JavaScript字符串拼接
編輯: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 = ['

  • ', 'Hello world','

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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved