浅谈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 相关文章推荐
jQuery 使用手册(三)
Sep 23 Javascript
Javascript实现CheckBox的全选与取消全选的代码
Jul 20 Javascript
客户端 使用XML DOM加载json数据的方法
Sep 28 Javascript
JS数组的赋值介绍
Mar 10 Javascript
javascript中checkbox使用方法简单实例演示
Nov 17 Javascript
Express的路由详解
Dec 10 Javascript
Javascript动画效果(2)
Oct 11 Javascript
javascript定时器取消定时器及优化方法
Jul 08 Javascript
Node之简单的前后端交互(实例讲解)
Nov 14 Javascript
基于百度地图api清除指定覆盖物(Overlay)的方法
Jan 26 Javascript
jQuery替换节点元素的操作方法
Mar 18 jQuery
JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法
Jun 07 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与javascript对多项选择的处理
2006/10/09 PHP
php实现cc攻击防御和防止快速刷新页面示例
2014/02/13 PHP
PHP中模拟处理HTTP PUT请求的例子
2014/07/22 PHP
php实现设计模式中的单例模式详解
2014/10/11 PHP
PHP实现的链式队列结构示例
2017/09/15 PHP
PHP加MySQL消息队列深入理解
2021/02/27 PHP
return false;和e.preventDefault();的区别
2010/07/11 Javascript
web开发人员学习jQuery的6大理由及jQuery的优势介绍
2013/01/03 Javascript
解决JQeury显示内容没有边距内容紧挨着浏览器边线
2013/12/20 Javascript
jquery图片切换实例分析
2015/04/15 Javascript
实践中学习AngularJS表单
2016/03/21 Javascript
jQuery实现打开页面渐现效果示例
2016/07/27 Javascript
Js遍历键值对形式对象或Map形式的方法
2016/08/08 Javascript
鼠标经过出现气泡框的简单实例
2017/03/17 Javascript
vue2.0 循环遍历加载不同图片的方法
2018/03/06 Javascript
简单的vuex 的使用案例笔记
2018/04/13 Javascript
关于element-ui的隐藏组件el-scrollbar的使用
2019/05/29 Javascript
Python中将字典转换为XML以及相关的命名空间解析
2015/10/15 Python
基于hashlib模块--加密(详解)
2017/06/21 Python
python学习笔记之列表(list)与元组(tuple)详解
2017/11/23 Python
python使用os.listdir和os.walk获得文件的路径的方法
2017/12/16 Python
Python3处理HTTP请求的实例
2018/05/10 Python
Python清空文件并替换内容的实例
2018/10/22 Python
Python产生Gnuplot绘图数据的方法
2018/11/09 Python
Python flask框架post接口调用示例
2019/07/03 Python
Python configparser模块配置文件过程解析
2020/03/03 Python
python如何实现word批量转HTML
2020/09/30 Python
python解压zip包中文乱码解决方法
2020/11/27 Python
自荐信不宜过于夸大
2013/11/06 职场文书
企业文化口号
2014/06/12 职场文书
节能环保家庭事迹材料
2014/08/27 职场文书
2015年加油站工作总结
2015/05/13 职场文书
歌咏比赛主持词
2015/06/29 职场文书
2015年工商局个人工作总结
2015/07/23 职场文书
2015年酒店销售部工作总结
2015/07/24 职场文书
2016年党员读书月活动总结
2016/04/06 职场文书