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小技巧
Jul 21 Javascript
editable.js 基于jquery的表格的编辑插件
Oct 24 Javascript
基于Node.js的强大爬虫 能直接发布抓取的文章哦
Jan 10 Javascript
15个值得开发人员关注的jQuery开发技巧和心得总结【经典收藏】
May 25 Javascript
jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解
Oct 24 Javascript
jQuery实现图片滑动效果
Mar 08 Javascript
iscroll动态加载数据完美解决方法
Jul 18 Javascript
基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果
Jul 20 jQuery
JS库之ParticlesJS使用简介
Sep 12 Javascript
360提示[高危]使用存在漏洞的JQuery版本的解决方法
Oct 27 jQuery
babel的使用及安装配置教程
Feb 22 Javascript
解决vue项目打包上服务器显示404错误,本地没出错的问题
Nov 03 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 执行系统外部命令 system() exec() passthru()
2009/08/11 PHP
PHP 工厂模式使用方法
2010/05/18 PHP
PHP导出MySQL数据到Excel文件(fputcsv)
2011/07/03 PHP
PHP CURL获取cookies模拟登录的方法
2013/11/04 PHP
php设计模式之模板模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
JavaScript 字符串乘法
2009/08/20 Javascript
JS正则中的RegExp对象对象
2012/11/07 Javascript
关于JavaScript中name的意义冲突示例介绍
2014/05/29 Javascript
javascript的document.referrer浏览器支持、失效情况总结
2014/07/18 Javascript
javascript正则表达式使用replace()替换手机号的方法
2015/01/19 Javascript
JS给超链接加确认对话框的方法
2015/02/24 Javascript
原生js和jQuery写的网页选项卡特效对比
2015/04/27 Javascript
AngularJs IE Compatibility 兼容老版本IE
2016/09/01 Javascript
JavaScript实现鼠标点击导航栏变色特效
2017/02/08 Javascript
JS去掉字符串末尾的标点符号及删除最后一个字符的方法
2017/10/24 Javascript
浅谈vux之x-input使用以及源码解读
2018/11/04 Javascript
VSCode插件安装完成后的配置(常用配置)
2020/08/24 Javascript
微信小程序实现点击页面出现文字
2020/09/21 Javascript
[04:03]DOTA2肉山黑名单梦之声 风暴之灵中文配音鉴赏
2013/07/03 DOTA
[04:32]玩具屠夫中文语音节选
2020/08/23 DOTA
高性能web服务器框架Tornado简单实现restful接口及开发实例
2014/07/16 Python
Python实现的双色球生成功能示例
2017/12/18 Python
Python 创建新文件时避免覆盖已有的同名文件的解决方法
2018/11/16 Python
对python的unittest架构公共参数token提取方法详解
2018/12/17 Python
Python在终端通过pip安装好包以后在Pycharm中依然无法使用的问题(三种解决方案)
2020/03/10 Python
CSS3制作圆角图片和椭圆形图片
2016/07/08 HTML / CSS
goodhealth官方海外旗舰店:新西兰国民营养师
2017/12/15 全球购物
沙特阿拉伯排名第一的在线时尚购物应用程序:1Zillion
2020/08/08 全球购物
群胜软件Java笔试题
2012/09/29 面试题
事业单位鉴定材料
2014/05/25 职场文书
2014年行政工作总结
2014/11/19 职场文书
2014年大班保育员工作总结
2014/12/02 职场文书
运动会三级跳加油稿
2015/07/21 职场文书
宿舍管理制度范本
2015/08/07 职场文书
源码解读Spring-Integration执行过程
2021/06/11 Java/Android
Python 数据可视化之Matplotlib详解
2021/11/02 Python