浅谈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 相关文章推荐
node.js中的events.emitter.removeListener方法使用说明
Dec 10 Javascript
学习JavaScript编程语言的8张思维导图分享
Mar 27 Javascript
jQuery蓝色风格滑动导航栏代码分享
Aug 19 Javascript
javascript HTML5 canvas实现打砖块游戏
Jun 18 Javascript
JS封装通过className获取元素的函数示例
Dec 20 Javascript
基于Javascript实现的不重复ID的生成器
Dec 25 Javascript
jQuery+ajax实现局部刷新的两种方法
Jun 08 jQuery
javascript+jQuery实现360开机时间显示效果
Nov 03 jQuery
JavaScript错误处理操作实例详解
Jan 04 Javascript
windows实现npm和cnpm安装步骤
Oct 24 Javascript
在vue中封装的弹窗组件使用队列模式实现方法
Jul 23 Javascript
Vue数组响应式操作及高阶函数使用代码详解
Aug 01 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中try catch捕获异常实例详解
2014/11/21 PHP
PHP扩展模块memcached长连接使用方法分析
2014/12/24 PHP
PHP实现股票趋势图和柱形图
2015/02/07 PHP
smarty内部日期函数html_select_date()用法实例分析
2015/07/08 PHP
PHP人民币金额转大写实例代码
2015/10/02 PHP
解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)
2010/05/13 Javascript
自己编写的类似JS的trim方法
2013/10/09 Javascript
document.write的几点使用心得
2014/05/14 Javascript
js的touch事件的实际引用
2014/10/13 Javascript
JQuery中Text方法用法实例分析
2015/05/18 Javascript
jquery中添加属性和删除属性
2015/06/03 Javascript
Bootstrap编写导航栏和登陆框
2016/05/30 Javascript
利用jQuery实现打字机字幕效果实例代码
2016/09/02 Javascript
Bootstrap Table使用心得总结
2016/11/29 Javascript
docker中编译nodejs并使用nginx启动
2017/06/23 NodeJs
JavaScript订单操作小程序完整版
2017/06/23 Javascript
静态页面实现 include 引入公用代码的示例
2017/09/25 Javascript
关于express与koa的使用对比详解
2018/01/25 Javascript
vue底部加载更多的实例代码
2018/06/29 Javascript
详解puppeteer使用代理
2018/12/27 Javascript
微信小程序scroll-view锚点链接滚动跳转功能
2019/12/12 Javascript
原生javascript制作的拼图游戏实现方法详解
2020/02/23 Javascript
JS实现鼠标移动拖尾
2020/12/27 Javascript
Python中的index()方法使用教程
2015/05/18 Python
python 搜索大文件的实例代码
2019/07/08 Python
Python类的绑定方法和非绑定方法实例解析
2020/03/04 Python
selenium+python实现基本自动化测试的示例代码
2021/01/27 Python
非常漂亮的CSS3百叶窗焦点图动画
2016/02/24 HTML / CSS
Html5实现首页动态视频背景的示例代码
2019/09/25 HTML / CSS
巴黎欧莱雅法国官网:L’Oreal Paris
2019/04/30 全球购物
阿联酋手表和配饰购物网站:Rivolishop
2019/11/25 全球购物
关于祖国的演讲稿
2014/05/04 职场文书
运动会演讲稿300字
2014/08/25 职场文书
小王子读书笔记
2015/06/29 职场文书
出纳2015年度工作总结范文
2015/10/14 职场文书
如何用Node.js编写内存效率高的应用程序
2021/04/30 Javascript