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相册效果代码(点击创建即可)
Apr 16 Javascript
javascript实现信息的显示和隐藏如注册页面
Dec 03 Javascript
Javascript仿PHP $_GET获取URL中的参数
May 12 Javascript
javascript动态创建链接的方法
May 13 Javascript
Javascript中实现String.startsWith和endsWith方法
Jun 10 Javascript
深入理解JS继承和原型链的问题
Dec 17 Javascript
JavaScript 数据类型详解
Mar 13 Javascript
详解vue2.0组件通信各种情况总结与实例分析
Mar 22 Javascript
在vue中使用echarts图表实例代码详解
Oct 22 Javascript
详解js location.href和window.open的几种用法和区别
Dec 02 Javascript
小程序websocket心跳库(websocket-heartbeat-miniprogram)
Feb 23 Javascript
微信小程序对图片进行canvas压缩的方法示例详解
Nov 12 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的5个入手程序
2006/11/23 PHP
php自定义类fsocket模拟post或get请求的方法
2015/07/31 PHP
PHP 在数组中搜索给定的简单实例 array_search 函数
2016/06/13 PHP
XAMPP升级PHP版本实现步骤解析
2020/09/04 PHP
新浪中用来显示flash的函数
2007/04/02 Javascript
jquery 简短几句代码实现给元素动态添加及获取提示信息
2011/09/01 Javascript
求数组最大最小值方法适用于任何数组
2013/08/16 Javascript
js清理Word格式示例代码
2014/02/13 Javascript
jQuery仿Flash上下翻动的中英文导航菜单实例
2015/03/10 Javascript
javascript数据结构中栈的应用之符号平衡问题
2017/04/11 Javascript
JS 判断某变量是否为某数组中的一个值的3种方法(总结)
2017/07/10 Javascript
ES6新增数据结构WeakSet的用法详解
2017/08/07 Javascript
BootStrap模态框不垂直居中的解决方法
2017/10/19 Javascript
JS实现碰撞检测的方法分析
2018/01/19 Javascript
bootstrap里bootstrap动态加载下拉框的实例讲解
2018/08/10 Javascript
JS动画实现回调地狱promise的实例代码详解
2018/11/08 Javascript
Vue动态修改网页标题的方法及遇到问题
2019/06/09 Javascript
使用localStorage替代cookie做本地存储
2019/09/25 Javascript
使用PreloadJS加载图片资源的基础方法详解
2020/02/03 Javascript
[02:52]2017DOTA2国际邀请赛中国区预选赛晋级之路
2017/07/03 DOTA
Python实现类的创建与使用方法示例
2017/07/25 Python
python 获取list特定元素下标的实例讲解
2018/04/09 Python
tensorflow1.0学习之模型的保存与恢复(Saver)
2018/04/23 Python
关于不懂Chromedriver如何配置环境变量问题解决方法
2019/06/12 Python
基于Django统计博客文章阅读量
2019/10/29 Python
Python如何使用正则表达式爬取京东商品信息
2020/06/01 Python
Python wordcloud库安装方法总结
2020/12/31 Python
美国隐形眼镜网:Major Lens
2018/02/09 全球购物
Cotton On南非:澳洲时尚平价品牌
2018/06/28 全球购物
公司中秋节活动方案
2014/02/12 职场文书
委托书范本
2014/09/13 职场文书
《桂花雨》教学反思
2016/02/19 职场文书
python批量更改目录名/文件名的方法
2021/04/18 Python
vue如何批量引入组件、注册和使用详解
2021/05/12 Vue.js
用python修改excel表某一列内容的操作方法
2021/06/11 Python
Win11怎么解除儿童账号限制?Win11解除微软儿童账号限制方法
2022/07/07 数码科技