首頁 > web前端 > js教程 > 淺談JavaScript字串拼接_javascript技巧

淺談JavaScript字串拼接_javascript技巧

WBOY
發布: 2016-05-16 15:52:50
原創
1426 人瀏覽過

在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 = ['
  • ', 'Hello world','
  • '].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的類別來完成字串的拼接。

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

    相關標籤:
    來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板