浅谈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 事件冒泡简介及应用
Jan 11 Javascript
使用js实现关闭js弹出层的窗口
Feb 10 Javascript
JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)
Dec 13 Javascript
js拖拽的原型声明和用法总结
Apr 04 Javascript
javascript实现瀑布流动态加载图片原理
Aug 12 Javascript
JS实现的验证身份证及获取地区功能示例
Jan 16 Javascript
react-router中的属性详解
Jun 01 Javascript
jQuery.parseJSON()函数详解
Feb 28 jQuery
「中高级前端面试」JavaScript手写代码无敌秘籍(推荐)
Apr 08 Javascript
vue实现菜单切换功能
May 08 Javascript
js实现简单的秒表
Jan 16 Javascript
element 动态合并表格的步骤
Dec 31 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去除字符串最后一个字符的三种方法实例
2017/03/01 PHP
php封装db类连接sqlite3数据库的方法实例
2017/12/19 PHP
tp5(thinkPHP5框架)captcha验证码配置及验证操作示例
2019/05/28 PHP
JS效率个人经验谈(8-15更新),加入range技巧
2007/01/09 Javascript
基于Asp.net与Javascript控制的日期控件
2010/05/22 Javascript
js实现拉伸拖动iframe的具体代码
2013/08/03 Javascript
用JS做的简单的可折叠的两级树形菜单
2013/09/21 Javascript
Javascript将数值转换为金额格式(分隔千分位和自动增加小数点)
2016/06/22 Javascript
基于jQuery实现文字打印动态效果
2017/04/21 jQuery
node.js实现的装饰者模式示例
2017/09/06 Javascript
jQuery实现的点击标题文字切换字体效果示例【测试可用】
2018/04/26 jQuery
深入理解 Koa 框架中间件原理
2018/10/18 Javascript
vue-cli3+typescript初体验小结
2019/02/28 Javascript
JS实现音乐钢琴特效
2020/01/06 Javascript
JS实现盒子拖拽效果
2020/02/06 Javascript
vue监听浏览器原生返回按钮,进行路由转跳操作
2020/09/09 Javascript
js实现拖拽与碰撞检测
2020/09/18 Javascript
[02:30]DOTA2放量测试专访海涛:呼吁保护新手玩家
2013/08/26 DOTA
[02:42]完美大师赛主赛事淘汰赛第三日观众采访
2017/11/25 DOTA
Python和php通信乱码问题解决方法
2014/04/15 Python
python判断一个集合是否包含了另外一个集合中所有项的方法
2015/06/30 Python
Python应用库大全总结
2018/05/30 Python
python制作抖音代码舞
2019/04/07 Python
python web框架中实现原生分页
2019/09/08 Python
Python中BeautifuSoup库的用法使用详解
2019/11/15 Python
Django 自动生成api接口文档教程
2019/11/19 Python
python使用列表的最佳方案
2020/08/12 Python
英国知名衬衫品牌美国网站:Charles Tyrwhitt美国
2016/08/28 全球购物
TUMI澳大利亚网站:美国旅行箱包品牌
2017/03/27 全球购物
Sunglasses Shop瑞典:欧洲领先的太阳镜网上商店
2018/04/22 全球购物
如何设置Java的运行环境
2013/04/05 面试题
保卫科工作岗位职责
2014/03/01 职场文书
学校门卫岗位职责
2014/03/16 职场文书
经典英文广告词
2014/03/18 职场文书
优秀教师演讲稿
2014/05/06 职场文书
90条交通安全宣传标语
2019/10/12 职场文书