编写js代码的时候,经常会用到超长字符串的拼接。

例如,把系统时间中的年、月、日、时、分、秒共6个数字动态拼接到一个tr行,不换行的话,将是一个超长的字符串,阅读、维护都不方便。这时就需要将这个字符串适当换行。

常规方法换行

这种写法就是在拼接运算符的“+”号或者字符串后面直接换行,换行后的字符串还必须继续加上引号。

var dt = new Date();var str = '' +     dt.getFullYear() + '' +     (dt.getMonth()+1) + '' +     dt.getDate() + '' +     dt.getHours() + '' +     dt.getMinutes() + '' +     dt.getSeconds() + '';

使用反斜线换行

这种写法是每行必须以反斜线“”结束,反斜线及换行符都不会作为字符串的内容,因而本行尾部及下一行的开始都不需要再加上引号。

var dt = new Date();var str = '' + dt.getFullYear() + '    ' + (dt.getMonth()+1) + '    ' + dt.getDate() + '    ' + dt.getHours() + '    ' + dt.getMinutes() + '    ' + dt.getSeconds() + '';

使用数组拼接换行

这种写法是把要拼接的内容先放到数组中,然后使用数组的join方法把这些内容拼接起来。当使用jion方法时,可以指定字符串拼接时的连接符号。

var dt = new Date();var str = '' + [    dt.getFullYear(),    dt.getMonth()+1,    dt.getDate(),    dt.getHours(),    dt.getMinutes(),    dt.getSeconds()].join('') + '';

使用模板字符串的写法随意换行

这是ES6中的用法,模板字符串以反引号开始,再以反引号结束。当需要嵌入变量时,写入${}中即可。

var dt = new Date();var str = `    ${dt.getFullYear()}    ${dt.getMonth()+1}    ${dt.getDate()}    ${dt.getHours()}    ${dt.getMinutes()}    ${dt.getSeconds()}`;

我个人更喜欢最后一种写法,因为可以随意发挥,尤其是在引用比较复杂的多行html代码的时候。您认为呢?

js 字符串换行_JS代码编程中经常用到的超长字符串换行方法,你最喜欢哪一种?相关推荐

  1. async js 返回值_JS异步编程 | Async / Await / Generator 实现原理解析

    async/await实现 在多个回调依赖的场景中,尽管Promise通过链式调用取代了回调嵌套,但过多的链式调用可读性仍然不佳,流程控制也不方便,ES7 提出的async 函数,终于让 JS 对于异 ...

  2. JAVA 代码交互率低的原因分析,深入剖析Java编程中的中文问题及建议最优解决方法...

    说明:本文为作者原创,作者联系地址为: josserchai@yahoo.com .由于 Java 编程中的中文 问题是一个老生常谈的问题,在阅读了许多关于 Java 中文问题解决方法之后,结合作者的 ...

  3. js如何运行python代码_python中执行javascript代码

    python中执行javascript代码: 1.安装相应的库,我使用的是PyV8 2.import PyV8 ctxt = PyV8.JSContext() ctxt.enter() func = ...

  4. 中判断字符串是否为空_java中的数字以及如何判断字符串是不是数字

    01 前言 数字是计算机科学的根本,那么java中数字是怎样来表示呢?规则又是怎样呢?今天我们来探讨一下这个话题.数字在某些领域经常用字符串来进行表示和传递.那么我们可以从判断java中一个字符串是否 ...

  5. c语言反斜杠,掌握C++编程中反斜杠续行符的使用方法

    1) 用在宏定义中: #define CV_ARE_SIZES_EQ(mat1, mat2) \ ((mat1)->rows == (mat2)->rows && (mat ...

  6. js 静止滚轮_JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法

    本文实例讲述了JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法.分享给大家供大家参考,具体如下: 为什么会有人会使用ctrl+鼠标滚轮缩放网页?坚决禁止! 测试 var scrollFunc=fu ...

  7. mysql储存字符串斜杠_MySQL列名中包含斜杠或者空格的处理方法

    今天客户那边遇到了一个比较奇葩的问题跑来问我,这个问题比较冷门,所以特别记录下. 问题描述 数据库的字段存在斜杠或者空格的时候,怎么用sql进行insert或者select操作. 问题解答 对于这种特 ...

  8. c语言输出的时候换行错误,C语言中关于输出n个数后就换行的问题。

    vc11(vs2012)下编译php 需要原料: vs2012.php源码 1.本机的mingw没搞定,参考网上文章尝试vs2012编译,借助vs2012自带的命令行工具: 需要去bison官网下载b ...

  9. 嵌入式编程中boot和app的s19简易合并方法(使用mfc编程)

    嵌入式中boot和app为两个项目,使用手动合并方式较慢,如何使用mfc编写程序实现自动合并 1.实现逻辑,首先将boot.s19和app.s19拷贝一份 CommonCopyFile((CStrin ...

最新文章

  1. python提取excel数据-代码详解:使用Python从不同表格中提取数据
  2. logback修改日志内容_记一次Logstash日志丢失问题
  3. FastAdmin 极速后台管理框架(三周年)V1.0.0.20190410_beta
  4. python读文件出现特殊字符_python- pandas :读取列中带有特殊字符的文件
  5. windows系统启用2个以上的mysql服务
  6. html5 nodejs桌面开发工具,html5fromImages-nodejs生成器入门
  7. YOLOV5+Deepsort行人跟踪初探
  8. 南加大计算机科学博士,美国南加州大学计算机科学博士专业介绍
  9. Excel中CONCATENATE函数生成SQL insert 语句
  10. JavaScript 3D 散点图
  11. 微信降级adb备份android7.0,微信自动帮你更新7.0了?简单两步轻松降级
  12. 遭DeFi反噬,以太坊绝地反击 |链捕手
  13. 基于plc的污水处理,组态王动画仿真,带PLC源代码,组态王源代码
  14. 总结:读《程序员的自我修养》
  15. java 3gp 转mp3_Java利用Jave转换视频格式为3gp
  16. Vue暴露的属性和方法
  17. 当今世界最NB的25位大数据科学家
  18. 大学物理第二章笔记——高等农林院校基础课程教程系列
  19. RN:App版本更新提示方案
  20. win10计算机打印机共享怎么设置方法,Win10系统怎么设置打印机共享?Win10系统打印机共享设置教程...

热门文章

  1. tkinter的可视化拖拽工具_拒绝丑图表,教你用最简单的方法做最炫酷的可视化图表!附教程...
  2. TensorFlow 中的 tf.train.exponential_decay() 指数衰减法
  3. FTP Client Setup
  4. 2019牛客多校第四场 I题 后缀自动机_后缀数组_求两个串de公共子串的种类数
  5. 远程出发jenkins jobs
  6. 如何搭建一个spring boot项目
  7. 【刷题】BZOJ 3926 [Zjoi2015]诸神眷顾的幻想乡
  8. 洛谷 P1948 [USACO08JAN]电话线Telephone Lines
  9. Vue v-on v-model 组合使用
  10. Android开发技术周报 Issue#69