Javascript中拼接大量字符串的方法


Posted in Javascript onFebruary 05, 2015

在php、python中都有heredoc方式的字符串定义方法:

php:

$sql=<<<EOD

select *

from pages

where pagename='$pn'

EOD;

python:
print """

This is an example of a string in the heredoc syntax.

This text can span multiple lines

"""

js拼接大量字符串没个heredoc风格的操作符是比较繁琐的:

拼接方式一:

var str = "\

Here is line one \

And line two \

Finally, line three! \

";
alert(str);

拼接方式二:
     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)">设置角色</a>'

            +'</td></tr>';

JS字符串需要打破原字符串风格,每行处理,这点有点让人受不了。

给个解决方案:

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)去掉首尾两行函数定义的代码,重新组装即可。
Javascript 相关文章推荐
一些有关检查数据的JS代码
Sep 07 Javascript
Javascript Select操作大集合
May 26 Javascript
javascript 进阶篇3 Ajax 、JSON、 Prototype介绍
Mar 14 Javascript
JS+CSS实现一个气泡提示框
Aug 18 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐二)
Jul 12 Javascript
Vue 固定头 固定列 点击表头可排序的表格组件
Nov 25 Javascript
jQuery中 bind的用法简单介绍
Feb 13 Javascript
js数字舍入误差以及解决方法(必看篇)
Feb 28 Javascript
微信小程序 滚动到某个位置添加class效果实现代码
Apr 19 Javascript
Node 自动化部署的方法
Oct 17 Javascript
vue 解除鼠标的监听事件的方法
Nov 13 Javascript
ES6 async、await的基本使用方法示例
Jun 06 Javascript
jquery操作select方法汇总
Feb 05 #Javascript
高性能JavaScript模板引擎实现原理详解
Feb 05 #Javascript
jquery操作复选框checkbox的方法汇总
Feb 05 #Javascript
js中hash和ico的关联分析
Feb 05 #Javascript
js与jquery实时监听输入框值的oninput与onpropertychange方法
Feb 05 #Javascript
moment.js轻松实现获取当前日期是当年的第几周
Feb 05 #Javascript
javascript判断移动端访问设备并解析对应CSS的方法
Feb 05 #Javascript
You might like
PHP程序员必须清楚的问题汇总
2014/12/18 PHP
php用ini_get获取php.ini里变量值的方法
2015/03/04 PHP
php实现用户登陆简单实例
2017/04/04 PHP
PDO操作MySQL的基础教程(推荐)
2017/08/18 PHP
Bootstrap+PHP实现多图上传功能实例详解
2018/04/08 PHP
深入了解Node.js中的一些特性
2014/09/25 Javascript
js使用split函数按照多个字符对字符串进行分割的方法
2015/03/20 Javascript
JavaScript实现同一页面内两个表单互相传值的方法
2015/08/12 Javascript
javascript实现在网页中运行本地程序的方法
2016/02/03 Javascript
JavaScript弹窗基础篇
2016/04/27 Javascript
Javascript 跨域知识详细介绍
2016/10/30 Javascript
javascript中BOM基础知识总结
2017/02/14 Javascript
详解vue 模版组件的三种用法
2017/07/21 Javascript
详解vue服务端渲染浏览器端缓存(keep-alive)
2018/10/12 Javascript
JS实现换肤功能的方法实例详解
2019/01/30 Javascript
vue接入腾讯防水墙代码
2019/05/07 Javascript
微信小程序实现订单倒计时
2020/11/01 Javascript
如何用vue-cli3脚手架搭建一个基于ts的基础脚手架的方法
2019/12/12 Javascript
js调用网络摄像头的方法
2020/12/05 Javascript
详解如何利用Cython为Python代码加速
2018/01/27 Python
python批量修改文件编码格式的方法
2018/05/31 Python
Python统计一个字符串中每个字符出现了多少次的方法【字符串转换为列表再统计】
2019/05/05 Python
如何利用Python模拟GitHub登录详解
2019/07/15 Python
python发qq消息轰炸虐狗好友思路详解(完整代码)
2020/02/15 Python
pytorch 查看cuda 版本方式
2020/06/23 Python
如何用python批量调整视频声音
2020/12/22 Python
python 基于pygame实现俄罗斯方块
2021/03/02 Python
福克斯租车:Fox Rent A Car
2017/04/13 全球购物
乌克兰排名第一的在线旅游超市:Farvater.Travel
2020/01/02 全球购物
培训心得体会
2013/12/29 职场文书
社区活动邀请函范文
2014/01/29 职场文书
革命先烈的英雄事迹材料
2014/02/15 职场文书
家长寄语大全
2014/04/02 职场文书
2014年政风行风自查自纠报告
2014/10/21 职场文书
幽默口才训练经典句子(48句)
2019/08/19 职场文书
使用Apache Camel表达REST服务的方法
2022/06/10 Servers