浅谈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 相关文章推荐
javascript 带有滚动条的表格,标题固定,带排序功能.
Nov 13 Javascript
对 lightbox JS 图片控件进行了一下改造, 使其他支持复杂的图片说明
Mar 20 Javascript
js列举css中所有图标的实现代码
Jul 04 Javascript
深入理解javascript的执行顺序
Apr 04 Javascript
JS模拟按钮点击功能的方法
Dec 22 Javascript
鼠标悬停小图标显示大图标
Jan 22 Javascript
基于javascript实现泡泡大冒险网页版小游戏
Mar 23 Javascript
JavaScript创建对象的七种方式全面总结
Aug 21 Javascript
JavaScript获取移动设备型号的实现代码(JS获取手机型号和系统)
Mar 10 Javascript
vue日历/日程提醒/html5本地缓存功能
Sep 02 Javascript
el-form 多层级表单的实现示例
Sep 10 Javascript
JavaScript 实现页面滚动动画
Apr 24 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
杏林同学录(三)
2006/10/09 PHP
从PHP $_SERVER相关参数判断是否支持Rewrite模块
2013/09/26 PHP
php中Y2K38的漏洞解决方法实例分析
2014/09/22 PHP
PHP中Header使用的HTTP协议及常用方法小结
2014/11/04 PHP
php删除左端与右端空格的方法
2014/11/29 PHP
PHP递归实现层级树状展开
2016/04/01 PHP
PHP常用函数之根据生日计算年龄功能示例
2019/10/21 PHP
解决FLASH需要点击激活的代码
2006/12/20 Javascript
浅谈javascript 面向对象编程
2009/10/28 Javascript
基于jQuery制作迷你背词汇工具
2010/07/27 Javascript
js中onload与onunload的使用示例
2013/08/25 Javascript
node.js读取文件到字符串的方法
2015/06/29 Javascript
基于jQuery实现简单的折叠菜单效果
2015/11/23 Javascript
使用bootstrap实现多窗口和拖动效果
2016/09/22 Javascript
AngularJS入门教程之数据绑定原理详解
2016/11/02 Javascript
Node.JS使用Sequelize操作MySQL的示例代码
2017/10/09 Javascript
详解webpack3编译兼容IE8的正确姿势
2017/12/21 Javascript
Vue SPA单页应用首屏优化实践
2018/06/28 Javascript
Vue render渲染时间戳转时间,时间转时间戳及渲染进度条效果
2018/07/27 Javascript
angularjs实现对表单输入改变的监控(ng-change和watch两种方式)
2018/08/29 Javascript
JavaScript继承的特性与实践应用深入详解
2018/12/30 Javascript
解决vue admin element noCache设置无效的问题
2019/11/12 Javascript
python email smtplib模块发送邮件代码实例
2018/04/26 Python
python requests 库请求带有文件参数的接口实例
2019/01/03 Python
举例讲解Python常用模块
2019/03/08 Python
django-初始配置(纯手写)详解
2019/07/30 Python
用python查找统一局域网下ip对应的mac地址
2021/01/13 Python
美国高端医师级美容产品电商:BeautifiedYou.com
2017/04/17 全球购物
加拿大拼图大师:Puzzle Master
2020/12/28 全球购物
退休感言
2014/01/28 职场文书
法人代表委托书
2014/04/04 职场文书
科技节口号
2014/06/19 职场文书
个人四风问题对照检查材料思想汇报
2014/10/06 职场文书
幼儿园安全工作总结2015
2015/04/20 职场文书
2016公司年会主持词
2015/07/01 职场文书
工作总结之小学教师体育工作范文(3篇)
2019/10/07 职场文书