淺談JavaScript字符串拼接
在JavaScript中會(huì)經(jīng)常遇到字符串拼接,但是如果要拼接的字符串過(guò)長(zhǎng)就比較麻煩了。
如果在一行的話,可讀性太差;如果換行的話,會(huì)直接報(bào)錯(cuò)。
現(xiàn)在就來(lái)介紹幾個(gè)JavaScript拼接字符串的幾個(gè)小技巧(主要針對(duì)字符串過(guò)長(zhǎng)的情況)。
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ǔ)上可以封裝一個(gè)類(lèi)似Java中的StringBuffer的類(lèi)來(lái)完成字符串的拼接。
以上所述就是本文的全部?jī)?nèi)容了,希望大家能夠喜歡。
相關(guān)文章
JavaScript實(shí)現(xiàn)二維坐標(biāo)點(diǎn)排序效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)二維坐標(biāo)點(diǎn)排序效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07javascript getElementsByClassName 和js取地址欄參數(shù)
為了從一大堆HTML代碼中找出我們的樹(shù)狀菜單(也許有多個(gè)),我們先來(lái)實(shí)現(xiàn)一個(gè)通過(guò)className找DOM節(jié)點(diǎn)的方法:getElementsByClassName。這是對(duì)瀏覽器自有DOM方法的一個(gè)簡(jiǎn)單但實(shí)用的擴(kuò)充。2010-01-01微信小程序如何同時(shí)獲取用戶(hù)信息和用戶(hù)手機(jī)號(hào)
小程序登錄是現(xiàn)在小程序里面很普遍的一個(gè)功能,因?yàn)楣俜教峁┑姆椒?可以一鍵獲取到用戶(hù)信息,一鍵拿到手機(jī)號(hào),這篇文章主要給大家介紹了關(guān)于微信小程序如何同時(shí)獲取用戶(hù)信息和用戶(hù)手機(jī)號(hào)的相關(guān)資料,需要的朋友可以參考下2021-08-08用函數(shù)式編程技術(shù)編寫(xiě)優(yōu)美的 JavaScript
用函數(shù)式編程技術(shù)編寫(xiě)優(yōu)美的 JavaScript...2006-11-11微信小程序?qū)崿F(xiàn)文字長(zhǎng)按復(fù)制與一鍵復(fù)制功能全過(guò)程
微信小程序開(kāi)發(fā)是依托微信的,所以他的代碼是嵌入在微信的原始代碼之中的,這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)文字長(zhǎng)按復(fù)制與一鍵復(fù)制功能的相關(guān)資料,需要的朋友可以參考下2023-03-03BootStrap table刪除指定行的注意事項(xiàng)(筆記整理)
在前端開(kāi)發(fā)中遇到這樣的問(wèn)題,對(duì)于table指定行的數(shù)據(jù)進(jìn)行刪除,花了好長(zhǎng)時(shí)間才解決,今天小編抽時(shí)間給大家介紹BootStrap table刪除指定行的注意事項(xiàng),需要的朋友參考下吧2017-02-02