淺談JavaScript字符串拼接
在JavaScript中會經(jīng)常遇到字符串拼接,但是如果要拼接的字符串過長就比較麻煩了。
如果在一行的話,可讀性太差;如果換行的話,會直接報錯。
現(xiàn)在就來介紹幾個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. 利用數(shù)組拼接字符串
var empList = ['<li data-view-section="details">', '<span>Hello world</span>','</li>'].join("");
利用數(shù)組的join方法,把數(shù)組轉(zhuǎn)成字符串
function StringBuffer(){ this.buffer = []; } //將新添加的字符串添加到數(shù)組中 StringBuffer.prototype.append = function(str){ this.buffer.push(str); return this; }; //轉(zhuǎn)成字符串 StringBuffer.prototype.toString = function(){ return this.buffer.join(""); }; //用法 var buffer = new StringBuffer(); buffer.append("hello"); buffer.append(',world'); console.log(buffer.toString());
在數(shù)組方法的基礎(chǔ)上可以封裝一個類似Java中的StringBuffer的類來完成字符串的拼接。
以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
相關(guān)文章
javascript getElementsByClassName 和js取地址欄參數(shù)
為了從一大堆HTML代碼中找出我們的樹狀菜單(也許有多個),我們先來實現(xiàn)一個通過className找DOM節(jié)點的方法:getElementsByClassName。這是對瀏覽器自有DOM方法的一個簡單但實用的擴充。2010-01-01用函數(shù)式編程技術(shù)編寫優(yōu)美的 JavaScript
用函數(shù)式編程技術(shù)編寫優(yōu)美的 JavaScript...2006-11-11微信小程序?qū)崿F(xiàn)文字長按復制與一鍵復制功能全過程
微信小程序開發(fā)是依托微信的,所以他的代碼是嵌入在微信的原始代碼之中的,這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)文字長按復制與一鍵復制功能的相關(guān)資料,需要的朋友可以參考下2023-03-03BootStrap table刪除指定行的注意事項(筆記整理)
在前端開發(fā)中遇到這樣的問題,對于table指定行的數(shù)據(jù)進行刪除,花了好長時間才解決,今天小編抽時間給大家介紹BootStrap table刪除指定行的注意事項,需要的朋友參考下吧2017-02-02