浅谈JavaScript字符串拼接


Posted in Javascript onJune 25, 2015

在JavaScript中会经常遇到字符串拼接,但是如果要拼接的字符串过长就比较麻烦了。

如果在一行的话,可读性太差;如果换行的话,会直接报错。

浅谈JavaScript字符串拼接

现在就来介绍几个JavaScript拼接字符串的几个小技巧(主要针对字符串过长的情况)。

1. 字符串相加(+)

var empList = ' <li data-view-section="details">'+
      '<span>Hello world</span>'+
     '</li>';

2.利用反斜杠拼接字符串

var empList = ' <li data-view-section="details">\
      <span>Hello world</span>\
    </li>';

3. 利用数组拼接字符串

var empList = ['<li data-view-section="details">', '<span>Hello world</span>','</li>'].join("");

利用数组的join方法,把数组转成字符串

function StringBuffer(){
  this.buffer = [];
}
//将新添加的字符串添加到数组中
StringBuffer.prototype.append = function(str){
  this.buffer.push(str);
  return this;
};
//转成字符串
StringBuffer.prototype.toString = function(){
  return this.buffer.join("");
};
//用法
var buffer = new StringBuffer();
buffer.append("hello");
buffer.append(',world');
console.log(buffer.toString());

在数组方法的基础上可以封装一个类似Java中的StringBuffer的类来完成字符串的拼接。

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
Expandable &quot;Detail&quot; Table Rows
Aug 29 Javascript
Knockoutjs快速入门(经典)
Dec 24 Javascript
如何创建一个JavaScript弹出DIV窗口层的效果
Sep 25 Javascript
JS页面延迟执行一些方法(整理)
Nov 11 Javascript
javascript实现校验文件上传控件实例
Apr 20 Javascript
JS控制TreeView的结点选择
Nov 11 Javascript
JS实现的简易拖放效果示例
Dec 29 Javascript
jQuery实现新闻播报滚动及淡入淡出效果示例
Mar 23 jQuery
Vue2.0 v-for filter列表过滤功能的实现
Sep 07 Javascript
layui中select,radio设置不生效的解决方法
Sep 05 Javascript
layui 弹出删除确认界面的实例
Sep 06 Javascript
详解小程序云开发攻略(解决最棘手的问题)
Sep 30 Javascript
javascript最基本的函数汇总
Jun 25 #Javascript
使用javascript将时间转换成今天,昨天,前天等格式
Jun 25 #Javascript
javascript中的Function.prototye.bind
Jun 25 #Javascript
jQuery实现为图片添加镜头放大效果的方法
Jun 25 #Javascript
jquery实现的缩略图预览滑块实例
Jun 25 #Javascript
使用javascript提交form表单方法汇总
Jun 25 #Javascript
Jquery结合HTML5实现文件上传
Jun 25 #Javascript
You might like
php中的时间处理
2006/10/09 PHP
Linux系统下PHP-FPM的安装和配置教程
2015/08/17 PHP
详解WordPress中用于合成数组的wp_parse_args()函数
2015/12/18 PHP
Fleaphp常见函数功能与用法示例
2016/11/15 PHP
浅谈laravel-admin的sortable和orderby使用问题
2019/10/03 PHP
JS常用字符串处理方法应用总结
2014/05/22 Javascript
关于javaScript注册click事件传递参数的不成功问题
2014/07/18 Javascript
js上传图片及预览功能实例分析
2015/04/24 Javascript
jquery判断当前浏览器的实现代码
2015/11/07 Javascript
干货分享:让你分分钟学会javascript闭包
2015/12/25 Javascript
JS插件plupload.js实现多图上传并显示进度条
2016/11/29 Javascript
JS高级运动实例分析
2016/12/20 Javascript
Angular4实现图片上传预览路径不安全的问题解决
2017/12/25 Javascript
[01:19:34]2014 DOTA2国际邀请赛中国区预选赛 New Element VS Dream time
2014/05/22 DOTA
在Python的web框架中中编写日志列表的教程
2015/04/30 Python
Python利用Nagios增加微信报警通知的功能
2016/02/18 Python
Python中的字符串替换操作示例
2016/06/27 Python
基于Python 的进程管理工具supervisor使用指南
2016/09/18 Python
python获取外网IP并发邮件的实现方法
2017/10/01 Python
Python KMeans聚类问题分析
2018/02/23 Python
python web自制框架之接受url传递过来的参数实例
2018/12/17 Python
Python3爬虫之urllib携带cookie爬取网页的方法
2018/12/28 Python
python调用其他文件函数或类的示例
2019/07/16 Python
深入了解python列表(LIST)
2020/06/08 Python
PySide2出现“ImportError: DLL load failed: 找不到指定的模块”的问题及解决方法
2020/06/10 Python
Python实现验证码识别
2020/06/15 Python
Python如何合并多个字典或映射
2020/07/24 Python
python用opencv 图像傅里叶变换
2021/01/04 Python
localStorage、sessionStorage使用总结
2017/11/17 HTML / CSS
估算杭州有多少软件工程师
2015/08/11 面试题
服装公司总经理岗位职责
2013/11/30 职场文书
行政办公员自我评价分享
2013/12/14 职场文书
学校百日安全生产活动总结
2014/07/05 职场文书
聊聊Python中关于a=[[]]*3的反思
2021/06/02 Python
继承Win10缺点!教你关闭Win11烦人的网络搜索
2021/11/23 数码科技
通过Python把学姐照片做成拼图游戏
2022/02/15 Python