js 字符串换行_JS代码编程中经常用到的超长字符串换行方法,你最喜欢哪一种?
编写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代码编程中经常用到的超长字符串换行方法,你最喜欢哪一种?相关推荐
- async js 返回值_JS异步编程 | Async / Await / Generator 实现原理解析
async/await实现 在多个回调依赖的场景中,尽管Promise通过链式调用取代了回调嵌套,但过多的链式调用可读性仍然不佳,流程控制也不方便,ES7 提出的async 函数,终于让 JS 对于异 ...
- JAVA 代码交互率低的原因分析,深入剖析Java编程中的中文问题及建议最优解决方法...
说明:本文为作者原创,作者联系地址为: josserchai@yahoo.com .由于 Java 编程中的中文 问题是一个老生常谈的问题,在阅读了许多关于 Java 中文问题解决方法之后,结合作者的 ...
- js如何运行python代码_python中执行javascript代码
python中执行javascript代码: 1.安装相应的库,我使用的是PyV8 2.import PyV8 ctxt = PyV8.JSContext() ctxt.enter() func = ...
- 中判断字符串是否为空_java中的数字以及如何判断字符串是不是数字
01 前言 数字是计算机科学的根本,那么java中数字是怎样来表示呢?规则又是怎样呢?今天我们来探讨一下这个话题.数字在某些领域经常用字符串来进行表示和传递.那么我们可以从判断java中一个字符串是否 ...
- c语言反斜杠,掌握C++编程中反斜杠续行符的使用方法
1) 用在宏定义中: #define CV_ARE_SIZES_EQ(mat1, mat2) \ ((mat1)->rows == (mat2)->rows && (mat ...
- js 静止滚轮_JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
本文实例讲述了JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法.分享给大家供大家参考,具体如下: 为什么会有人会使用ctrl+鼠标滚轮缩放网页?坚决禁止! 测试 var scrollFunc=fu ...
- mysql储存字符串斜杠_MySQL列名中包含斜杠或者空格的处理方法
今天客户那边遇到了一个比较奇葩的问题跑来问我,这个问题比较冷门,所以特别记录下. 问题描述 数据库的字段存在斜杠或者空格的时候,怎么用sql进行insert或者select操作. 问题解答 对于这种特 ...
- c语言输出的时候换行错误,C语言中关于输出n个数后就换行的问题。
vc11(vs2012)下编译php 需要原料: vs2012.php源码 1.本机的mingw没搞定,参考网上文章尝试vs2012编译,借助vs2012自带的命令行工具: 需要去bison官网下载b ...
- 嵌入式编程中boot和app的s19简易合并方法(使用mfc编程)
嵌入式中boot和app为两个项目,使用手动合并方式较慢,如何使用mfc编写程序实现自动合并 1.实现逻辑,首先将boot.s19和app.s19拷贝一份 CommonCopyFile((CStrin ...
最新文章
- python提取excel数据-代码详解:使用Python从不同表格中提取数据
- logback修改日志内容_记一次Logstash日志丢失问题
- FastAdmin 极速后台管理框架(三周年)V1.0.0.20190410_beta
- python读文件出现特殊字符_python- pandas :读取列中带有特殊字符的文件
- windows系统启用2个以上的mysql服务
- html5 nodejs桌面开发工具,html5fromImages-nodejs生成器入门
- YOLOV5+Deepsort行人跟踪初探
- 南加大计算机科学博士,美国南加州大学计算机科学博士专业介绍
- Excel中CONCATENATE函数生成SQL insert 语句
- JavaScript 3D 散点图
- 微信降级adb备份android7.0,微信自动帮你更新7.0了?简单两步轻松降级
- 遭DeFi反噬,以太坊绝地反击 |链捕手
- 基于plc的污水处理,组态王动画仿真,带PLC源代码,组态王源代码
- 总结:读《程序员的自我修养》
- java 3gp 转mp3_Java利用Jave转换视频格式为3gp
- Vue暴露的属性和方法
- 当今世界最NB的25位大数据科学家
- 大学物理第二章笔记——高等农林院校基础课程教程系列
- RN:App版本更新提示方案
- win10计算机打印机共享怎么设置方法,Win10系统怎么设置打印机共享?Win10系统打印机共享设置教程...
热门文章
- tkinter的可视化拖拽工具_拒绝丑图表,教你用最简单的方法做最炫酷的可视化图表!附教程...
- TensorFlow 中的 tf.train.exponential_decay() 指数衰减法
- FTP Client Setup
- 2019牛客多校第四场 I题 后缀自动机_后缀数组_求两个串de公共子串的种类数
- 远程出发jenkins jobs
- 如何搭建一个spring boot项目
- 【刷题】BZOJ 3926 [Zjoi2015]诸神眷顾的幻想乡
- 洛谷 P1948 [USACO08JAN]电话线Telephone Lines
- Vue v-on v-model 组合使用
- Android开发技术周报 Issue#69