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

 更新时间:2015年02月05日 11:40:22   投稿:junjie  
这篇文章主要介绍了Javascript中拼接大量字符串的方法,本文实现的就是JS语言中的Heredoc语法,需要的朋友可以参考下

在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代码生成PDF文件的方法

    JavaScript代码生成PDF文件的方法

    如何使用js生成pdf文件呢,下面通过本文给大家分享JavaScript代码生成PDF文件的方法,需要的朋友参考下吧
    2016-02-02
  • Javascript仿PHP $_GET获取URL中的参数

    Javascript仿PHP $_GET获取URL中的参数

    这篇文章主要介绍了Javascript仿PHP $_GET获取URL中的参数代码实例,需要的朋友可以参考下
    2014-05-05
  • JavaScript数组合并案例讲解

    JavaScript数组合并案例讲解

    这篇文章主要介绍了JavaScript数组合并案例讲解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-08-08
  • web 页面分页打印的实现

    web 页面分页打印的实现

    网上找的,经我整理添加demo如下
    2009-06-06
  • 关于javascript中dataset的问题小结

    关于javascript中dataset的问题小结

    本文给大家介绍javascript中dataset的问题详解,包括dataset的基础用法,使用dataset的作用以及dataset的基础操作等相关问题,对javascript dataset问题感兴趣的朋友一起学习吧
    2015-11-11
  • 原生JS实现的自动轮播图功能详解

    原生JS实现的自动轮播图功能详解

    这篇文章主要介绍了原生JS实现的自动轮播图功能,结合实例形式详细分析了基于原生js实现轮播图的原理、操作步骤及操作注意事项,需要的朋友可以参考下
    2018-12-12
  • 详解webpack import()动态加载模块踩坑

    详解webpack import()动态加载模块踩坑

    这篇文章主要介绍了详解webpack import()动态加载模块踩坑,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • 用正则获取指定路径文件的名称

    用正则获取指定路径文件的名称

    用正则获取指定路径文件的名称...
    2007-02-02
  • JavaScript自定义事件介绍

    JavaScript自定义事件介绍

    很多DOM对象都有原生的事件支持,向div就有click、mouseover等事件,事件机制可以为类的设计带来很大的灵活性,相信.net程序员深有体会。随着web技术发展,使用JavaScript自定义对象愈发频繁,让自己创建的对象也有事件机制,通过事件对外通信,能够极大提高开发效率
    2013-08-08
  • 详解将微信小程序接口Promise化并使用async函数

    详解将微信小程序接口Promise化并使用async函数

    这篇文章主要介绍了详解将微信小程序接口Promise化并使用async函数,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08

最新评论