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调试技巧解决样式问题的步骤分享
Mar 15 Javascript
swtich/if...else的替代语句
Aug 16 Javascript
给before和after伪元素设置js效果的方法
Dec 04 Javascript
jQuery prototype冲突的2种解决方法(附demo示例下载)
Jan 21 Javascript
详解js的事件处理函数和动态创建html标记方法
Dec 16 Javascript
js中Object.defineProperty()方法的不详解
Jul 09 Javascript
vue多级复杂列表展开/折叠及全选/分组全选实现
Nov 05 Javascript
Angular2 自定义表单验证器的实现方法
Dec 14 Javascript
Vue项目结合Vue-layer实现弹框式编辑功能(实例代码)
Mar 11 Javascript
微信小程序保存图片到相册权限设置
Apr 09 Javascript
详解Vue的七种传值方式
Feb 08 Vue.js
vue 数字翻牌器动态加载数据
Apr 20 Vue.js
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
thinkPHP的表达式查询用法详解
2016/09/14 PHP
详解Yii2高级版引入bootstrap.js的一个办法
2017/03/21 PHP
浅析PHP类的反射来实现依赖注入过程
2018/02/06 PHP
PHP正则表达式处理函数(PCRE 函数)实例小结
2019/05/09 PHP
浅谈laravel-admin form中的数据,在提交后,保存前,获取并进行编辑
2019/10/21 PHP
关于jquery append() html时的小问题的解决方法
2010/12/16 Javascript
jQuery EasyUI API 中文文档 - Parser 解析器
2011/09/29 Javascript
用jquery实现输入框获取焦点消失文字
2013/04/27 Javascript
javascript获取ckeditor编辑器的值(实现代码)
2013/11/18 Javascript
javascript自定义in_array()函数实现方法
2015/08/03 Javascript
jquery实现向下滑出的二级导航下滑菜单效果
2015/08/25 Javascript
KnockoutJS 3.X API 第四章之数据控制流component绑定
2016/10/10 Javascript
微信小程序 网络API Websocket详解
2016/11/09 Javascript
es6数据变更同步到视图层的方法
2019/03/04 Javascript
vue中实现上传文件给后台实例详解
2019/08/22 Javascript
微信小程序监听用户登录事件的实现方法
2019/11/11 Javascript
js实现登录拖拽窗口
2020/02/10 Javascript
Python对小数进行除法运算的正确方法示例
2014/08/25 Python
python使用socket向客户端发送数据的方法
2015/04/29 Python
Python实现判断一个字符串是否包含子串的方法总结
2017/11/21 Python
Python实现PS图像调整颜色梯度效果示例
2018/01/25 Python
Python基础学习之函数方法实例详解
2019/06/18 Python
python数据分析工具之 matplotlib详解
2020/04/09 Python
python使用matplotlib:subplot绘制多个子图的示例
2020/09/24 Python
python实现录制全屏和选择区域录屏功能
2021/02/05 Python
CSS3教程(9):设置RGB颜色
2009/04/02 HTML / CSS
寻找迷宫的一条出路,o通路;X:障碍
2016/07/10 面试题
毕业自我鉴定书
2014/03/24 职场文书
小学语文课后反思精选
2014/04/25 职场文书
公司委托书格式
2014/08/01 职场文书
庆七一宣传标语
2014/10/08 职场文书
事业单位财务人员岗位职责
2015/04/14 职场文书
2015年超市收银员工作总结
2015/04/25 职场文书
行政答辩状范文
2015/05/21 职场文书
2016年过年放假安排通知
2015/08/18 职场文书
Python实现机器学习算法的分类
2021/06/03 Python