Javascript中拼接大量字符串的方法
更新時(shí)間：2015年02月05日 11:40:22 投稿：junjie
這篇文章主要介紹了Javascript中拼接大量字符串的方法,本文實(shí)現(xiàn)的就是JS語(yǔ)言中的Heredoc語(yǔ)法,需要的朋友可以參考下
在php、python中都有heredoc方式的字符串定義方法：
php：
復(fù)制代碼 代碼如下:
$sql=<<<EOD
select *
from pages
where pagename='$pn'
EOD;
python：
復(fù)制代碼 代碼如下:
print """
This is an example of a string in the heredoc syntax.
This text can span multiple lines
"""
js拼接大量字符串沒(méi)個(gè)heredoc風(fēng)格的操作符是比較繁瑣的：
拼接方式一：
復(fù)制代碼 代碼如下:
var str = "\
Here is line one \
And line two \
Finally, line three! \
";
alert(str);
拼接方式二：
復(fù)制代碼 代碼如下:
var __template =
'<tr>'+
'<td>#salarySN#</td>'+
'<td>#name#</td>'+
'<td>#TDR_NAME#</td>'+
'<td>#TSD_NAME#</td>'+
'<td>#WORK_STATUS#</td>'+
'<td>#isleader_display#</td>'+
'<td>'
+'<a href="javascript:void(-1)">設(shè)置角色</a>'
+'</td></tr>';
JS字符串需要打破原字符串風(fēng)格，每行處理，這點(diǎn)有點(diǎn)讓人受不了。
給個(gè)解決方案：
復(fù)制代碼 代碼如下:
function aHereDoc() {/*
Hello, World!
I am a JavaScript here document.
Use the 'hereDoc' function to extract me.
*/}
function hereDoc(func) {
return func.toString().split(/\n/).slice(1, -1).join('\n');
}
console.log(hereDoc(aHereDoc));
利用func.toString()獲取需要批量處理的字符串，利用split(/\n/).slice(1, -1)去掉首尾兩行函數(shù)定義的代碼，重新組裝即可。
相關(guān)文章
js前端身份證號(hào)、手機(jī)號(hào)脫敏、手機(jī)號(hào)、身份證號(hào)加密處理(ios瀏覽器兼容性問(wèn)題)
這篇文章主要給大家介紹了關(guān)于js前端身份證號(hào)、手機(jī)號(hào)脫敏、手機(jī)號(hào)、身份證號(hào)加密處理的相關(guān)資料,還介紹了ios瀏覽器兼容性問(wèn)題,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11
除了正常運(yùn)行模式，ECMAscript 5添加了第二種運(yùn)行模式："嚴(yán)格模式"（strict mode）。顧名思義，這種模式使得Javascript在更嚴(yán)格的條件下運(yùn)行。這篇文章給大家詳細(xì)介紹了js判斷瀏覽器是否支持嚴(yán)格模式的方法，有需要的朋友們可以參考借鑒。2016-10-10
JavaScript數(shù)據(jù)結(jié)構(gòu)學(xué)習(xí)之?dāng)?shù)組、棧與隊(duì)列
這篇文章主要給大家介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之?dāng)?shù)組、棧與隊(duì)列的相關(guān)資料，文中對(duì)數(shù)組、棧與隊(duì)列的使用方法進(jìn)行了詳細(xì)的總結(jié)，相信對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧。2017-05-05
解決layer 動(dòng)態(tài)加載select 失效的問(wèn)題
今天小編就為大家分享一篇解決layer 動(dòng)態(tài)加載select 失效的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)切換多張圖片，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-01-01
JavaScript如何從listbox里同時(shí)刪除多個(gè)項(xiàng)目
要從列表框同時(shí)刪除多個(gè)項(xiàng)目只能從下向上刪除，這樣就不會(huì)出現(xiàn)索引號(hào)亂變的問(wèn)題了，下面有個(gè)不錯(cuò)的示例，大家可以感受下2013-10-10
微信內(nèi)置瀏覽器屏蔽了下載鏈接,如果用戶是用微信內(nèi)置瀏覽器打開(kāi)的,則提示用戶換一個(gè)瀏覽器打開(kāi)頁(yè)面,那么該如何判斷用戶是否是用微信瀏覽器呢?這篇文章主要給大家介紹了關(guān)于js代碼判斷是否處于微信瀏覽器內(nèi)的兩種方式,需要的朋友可以參考下2023-10-10
學(xué)習(xí)JavaScript正則表達(dá)式
這篇文章主要介紹了JavaScript正則表達(dá)式，詳細(xì)深入的了解JavaScript正則表達(dá)式，從而更熟練掌握J(rèn)avaScript正則表達(dá)式，感興趣的小伙伴們可以參考一下2015-11-11
JavaScript實(shí)現(xiàn)封閉區(qū)域布爾運(yùn)算的示例代碼
這篇文章主要介紹了JavaScript實(shí)現(xiàn)封閉區(qū)域布爾運(yùn)算的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-06-06
這篇文章主要介紹了Javascript顯示和隱藏ul列表的方法,涉及javascript針對(duì)頁(yè)面元素遍歷及顯示與隱藏的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07